如何在angular2

时间:2018-03-24 13:49:47

标签: html angular

我有一个输入字段,我希望该输入字段根据其中存在的媒体提供添加和更改按钮。 HTML:

<div class = "type-video"  [hidden]= "selectedImage !='video'" >
      <span style="margin-left: 12%;">or </span>
      <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
      </div>

这里我得到了所有字段的输入,但我无法添加任何内容。如果我输入一个,它将输入到所有字段

1 个答案:

答案 0 :(得分:1)

根据您的问题,我了解到您可以区分newedit表单。

由于您在谈论媒体,因此您可以使用media.id*ngIf条件中的字段

<div class = "type-video"  [hidden]= "selectedImage !='video'" *ngIf="!media.id">
    <span style="margin-left: 12%;">Add</span>
    <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
</div>

<div class = "type-video"  [hidden]= "selectedImage !='video'" *ngIf="media.id">
    <span style="margin-left: 12%;">Change</span>
    <input type="text" class="form-control form-textbox input-text" (change)="editPinImage($event,media)" style="width: 28%;margin-right: 24%;">
</div>