Typescript：从输入更新值

Question

我有* 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}}

如果你能帮助我，这将是真棒:)

Answer 1

With UpdateRestaurant（index），我想要得到输入值并更改 {{restaurant.name}}

我不是100％肯定与Angular2，但与Angular重复条目，你可以通过与该部分相关联的对象。

这意味着你可以通过餐厅的对象..

(click)="UpdateRestaurant(restaurant)" 

与对象上改变“名称”将更改视图加载的对象。