Question

我正在尝试为无线电组元素设置名称。但它不起作用。这是我的组成部分：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=upmenu>1234567890</div>
<br>
<br>
<div id=num>HOVER HERE</div>

这是我的模板：

@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 =“abc”时，我才能在html中看到这个名字。

由于

Answer 1

len(values) < 2

您可以使用<input type="radio" [attr.name]="label" [value]="true" [ngFormControl]="control" />进行属性绑定。您可以获得有关属性指令here的更多信息。

无线电组的名称

1 个答案: