如何在Angular2中为输入占位符编写* ngIf？

Question

我有一个模板

<ng-container *ngFor="let text of texts[i]; let j = index">{{text}}
  <input type="text">
      </ng-container>

我也有一个数组 myWords

myWords = ['orange', 'blue', 'green'];

我怎么能像占位符一样插入这些词，但仅在特殊情况下，例如

this.app-part

我的应用程序包含3个部分，但我只希望myWords在第3部分中有一个占位符（来自的单词），如果我有第1或第2部分，则在那里不需要任何占位符。

Answer 1

您可以在JavaScript中使用条件运算符?:将属性设置placeholder为值或空字符串。将占位符设置为空字符串应该与针对大多数常见用例未设置占位符相同。

要访问正确的占位符值，您需要分配index给本地模板变量j。

<ng-container *ngFor="let text of texts[i]; let j = index">
  {{ text }}
  <input type=text [placeholder]="condition ? myWords[j] : ''">
</ng-container>