2016-10-25 24 views
3

ラベルに動的 "for"属性を書き込むと、エラーが発生します。ngForの角度2 - 動的 "for"属性

例:

<div *ngFor="let question of questions; let i = index;"> 
     <input id="ques-{{i}}" type="radio" name="selected" [value]="question"> 
     <label for="ques-{{i}}">{{question.data}}</label> 
</div> 

エラー:

未処理の約束拒否:テンプレートの解析エラー:「の」 にバインドすることはできませんそれはラベルの既知の特性ではありませんので、 '

細かい作業ダイナミック「id」属性、あなたはこのように、ラベルの属性にアクセスする必要が解決

+0

あなたが '' ngFor'でof'含まれていない質問のこの '* ngFor ="聞かせて質問を使用します; ' – Poonam

答えて

10

見つけるために私を助けてください:[attr.for]="'ques-' + i"

、あなたのngFor、Uのバグを持っているがのに欠ける:

*ngFor="let question of questions; let i = index;">

+1

こんにちは感謝しています!しかし、なぜ私は'の '属性にアクセスできないのですか?なぜ私は[attr]を使用する必要がありますか? –

+2

'for' 'data' 'aria'のような属性がいくつか存在し、たぶん "角型"バインディングを持たないものがいくつかあり、それらの文字列内挿法を使用することはできません – MatWaligora

関連する問題