在Typescript中更改<div>文本

Question

我有一个<div>列表，其中包含每个<div>的文字。此列表由*ngFor生成，我可以获取每个<div>的索引。

我想要做的是，当我点击<div> restaurant.name时，文字变为<input type="text">我写了要替换的东西，然后当我点击其他地方时，文字是更新。我无法想象如何在之后改变它。

这是我的代码：

<div class="row" *ngFor="let restaurant of event.restaurants; let index = index">
   <div class="col-xs-5" (click)="update=true">
       <input *ngIf="update" type="text" name="champ" value="{{restaurant.name}}" placeholder="{{restaurant.name}}"/>
       <span *ngIf="!update">{{restaurant.name}}</span>
   </div>
   <div class="col-xs-5">
       {{restaurant.category.description}}
   </div>
   <div class="col-xs-2">
       <button class="btn btn-default" (click)="DelRestaurant(index)">{{'EVENT_RESTAURANT_REMOVE' | translate}}</button>
   </div>
</div>

现在我如何设置update的默认值？

提前致谢！