Typescript：从输入更新值(Typescript : update value from input)

 我有一个由* ngFor制作的餐馆列表。 我可以点击一个我想要改变的标签文本，使其成为输入字段。 
 
 我想要做的是获取输入字段的文本值，并在单击按钮时使用它更新标签值。 
 
 你会更好地理解代码： 
 
<div class="row" *ngFor="let restaurant of event.restaurants; let index = index">
            <div class="col-xs-5" (click)="update=true" off-click="update=false">
                <input *ngIf="update" type="text" name="champ" value="{{restaurant.name}}" placeholder="{{restaurant.name}}"/>
                <a *ngIf="!update">{{restaurant.name}}</a>
            </div>
            <div class="col-xs-5">
                {{restaurant.category.description}}
            </div>
            <div class="col-xs-2">
                <button class="btn btn-default" *ngIf="!update" (click)="DelRestaurant(index)">{{'EVENT_RESTAURANT_REMOVE' | translate}}</button>
                <button class="btn btn-default" *ngIf="update" (click)="UpdateRestaurant(index)">Modifier</button>
            </div>
</div>
 
 使用UpdateRestaurant(index) ，我想获取输入值并更改{{restaurant.name}} 
 
 如果你能帮助我，这将是真棒:) 

I have a list of restaurants made by *ngFor. I can click on the one I wanna change which make it an input field with the label text in it.
 
What I want to do do is to get the text value of the input field and update the label value with it when I click a button.
 
You'll understand better with the code :
 
<div class="row" *ngFor="let restaurant of event.restaurants; let index = index">
            <div class="col-xs-5" (click)="update=true" off-click="update=false">
                <input *ngIf="update" type="text" name="champ" value="{{restaurant.name}}" placeholder="{{restaurant.name}}"/>
                <a *ngIf="!update">{{restaurant.name}}</a>
            </div>
            <div class="col-xs-5">
                {{restaurant.category.description}}
            </div>
            <div class="col-xs-2">
                <button class="btn btn-default" *ngIf="!update" (click)="DelRestaurant(index)">{{'EVENT_RESTAURANT_REMOVE' | translate}}</button>
                <button class="btn btn-default" *ngIf="update" (click)="UpdateRestaurant(index)">Modifier</button>
            </div>
</div>
 
With UpdateRestaurant(index), I want to get the input value and change {{restaurant.name}}
 
If you could help me that would be awesome :)

原文：https://stackoverflow.com/questions/39494083