Название группы радио

Question

Я пытаюсь настроить имя для элементов радиогруппы. Но это не сработает. Вот мой компонент:

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

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

Вот мой шаблон:

{{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}} работает нормально. Я сделал это только для теста.

Но почему это name="{{label}}" и [name]="label" не работает. Только когда я делаю hardcode name = "abc", я могу увидеть имя в html.

Благодаря

Answer 1

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

Вы можете использовать [attr.attrName] для связывания атрибутов. Вы можете получить более подробную информацию об директивах атрибутов here.