變量HTML標籤使用Angular2

我想對每一個我展示得益於* ngFor在Angular2，我試試這個元素一個獨立的輸入，但它不工作：變量HTML標籤使用Angular2

<li *ngFor="let child of childArray; let i=index"> <input type="checkbox" id="{{child.name}}" style="display:none;"> 
    <label for="{{child.name}}"> 
     <h1>{{child.name}}</h1> 
    </label></li>

當然{{child.name}}已正確顯示，但似乎我無法將其用作標記組件中的變量。有人有想法來管理它嗎？

感謝提前！

來源

2016-06-13 slidefizz

可能的重複http://stackoverflow.com/questions/34704671/error-while-adding-for-attribute-to-label-in-angular-2-0-template – yurzui

你可以嘗試以下方法：

<li *ngFor="let child of childArray; let i=index"> 
    <input type="checkbox" [attr.id]="child.name" style="display:none;"> 
    <label [attr.for]="child.name"> 
    <h1>{{child.name}}</h1> 
    </label> 
</li>

當你說「我不能用它作爲標籤要素變量」，你是什麼意思？該屬性不包含值？

來源

2016-06-13 14:24:11

來自@slidefizz的評論（保存它時他的「答案」被刪除）：感謝您的回答，它適用於您的語法，通過「我不能在標籤組件中使用它作爲變量」我的意思是'id =「{{child.name}}'和'for =「{{child.name}}」'不適用於這個語法，for和'id'是'tag component'（或者「tag attribute」更好的意思），' {child.name}}變量。 –

變量HTML標籤使用Angular2

回答

相關問題