以角度2访问隐藏的输入字段

时间:2017-09-22 11:25:38

标签: angular

我试图获取输入字段的值。我在隐藏字段上的if条件未定义。我在触发函数的元素中具有相同的条件。它在我在输入元素中没有* ngIf =“fileLoadedFlag”的情况下尝试它时有效。我不明白可能是什么问题?

 <input type="hidden" *ngIf="fileLoadedFlag" [value]="pictureName" #hiddenPicAccessor />
 <span *ngIf="fileLoadedFlag" >{{pictureName}} </span>
<i *ngIf="fileLoadedFlag" (click)="removePicture(hiddenPicAccessor)" class="fa fa-times fa-2x" style="color:red" ></i>

我的测试代码

  removePicture(hiddenPicAccessor){
    alert(hiddenPicAccessor);
  }

1 个答案:

答案 0 :(得分:1)

不是单独设置* ngIfs,而是设置包装器

<span *ngIf="fileLoadedFlag">
  <input type="text" [value]="pictureName" #hiddenPicAccessor />
  <span >{{pictureName}} </span>
  <button (click)="removePicture(hiddenPicAccessor.value)" style="color:red" >Click</button>
</span>

DEMO