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

使用UpdateRestaurant（索引），我想获取输入值并进行更改 {{restaurant.name}}

我对Angular2不是100％肯定，但是对于重复输入的Angular，你可以传入与该部分相关联的对象。

这意味着您可以传递餐馆对象..

(click)="UpdateRestaurant(restaurant)"

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

打字稿：从输入

1 个答案: