ラジオ・グループの名前

Question

ラジオ・グループ・エレメントの名前を設定しようとしています。しかし、それは動作しません。

{{label}} 
<input type="radio" name="{{label}}" [value]="true" [ngFormControl]="control" /> 
<input type="radio" [name]="label" [value]="true" [ngFormControl]="control" /> 
<input type="radio" name="abc" [value]="false" [ngFormControl]="control" /> 

{{label}}がうまく動作：

@Component({ 
    templateUrl: "page.html" 
}) 
export class FieldComponent { 

    @Input() control: Control; 
    @Input() value: string; 
    @Input() label: string; 
} 

はここに私のテンプレートである：ここに私のコンポーネントです。私はテストのためだけにしました。

しかし、なぜname="{{label}}"と[name]="label"が動作しないのですか？私がハードコードname = "abc"を実行するときだけ、私はhtmlで名前を見ることができます。

おかげ

Answer 1

<input type="radio" [attr.name]="label" [value]="true" [ngFormControl]="control" /> 

あなたは結合属性の[attr.attrName]を使用することができます。アトリビュートディレクティブhereの詳細情報を得ることができます。