Typescript：入力値を更新

Question

* ngForで作成したレストランのリストがあります。変更したいものをクリックすると、その中にラベルのテキストがある入力フィールドになります。

私がしたいのは、入力フィールドのテキスト値を取得し、ボタンをクリックしたときにラベル値を更新することです。

あなたはコードをよりよく理解します：UpdateRestaurant(index)で

<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> 

を、私はあなたが素晴らしいだろうという私を助けることができれば、入力値を取得し、{{restaurant.name}}

を変更したい:)

Answer 1

UpdateRestaurant（index）では、入力値を取得したいと思います。 {{restaurant.name}}

私はAngular2で100％確実ではありませんが、セクションに関連付けられたオブジェクトを渡すことができる繰り返しのAngularでは、あなたがレストランのオブジェクトを渡すことができることを意味

..ビューを変更するオブジェクトの「名前」を変更するロードオブジェクトに

(click)="UpdateRestaurant(restaurant)" 

。