Wie schreibe ich * ngIf für Eingabe-Platzhalter in Angular2?

Question

Ich habe eine Vorlage

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

Ich habe auch ein Array myWords

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

Wie ich diese Worte wie ein Platzhalter einfügen könnte, aber nur in Sonderfall, wie

this.app-part 

Ich habe 3 Teile in meiner App, aber ich hätte gerne einen Platzhalter (Wörter von myWords) nur im 3. Teil, und wenn ich habe 1. oder 2. Teil - ich brauche dort keinen Platzhalter.

Answer 1

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

können Sie Ihre Antwort ...

Answer 2

Sie können the conditional operator ?: in JavaScript sein verwenden Sie das Attribut placeholder entweder auf einen Wert oder auf einen leeren String gesetzt. Wenn Sie den Platzhalter auf eine leere Zeichenfolge setzen, sollte dies so aussehen, als wäre er nicht für die häufigsten Anwendungsfälle festgelegt.

Um auf den richtigen Platzhalterwert zuzugreifen, müssen Sie index einer lokalen Vorlagenvariablen j zuweisen.

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