HTML 属性名称中的角度插值

Question

我正在使用IntelliJ，它理解{{foo}}是formControlName-attribute中的插值。但在名称属性中，它没有。IntelliJ 在 name-attribute 中认为 {{foo}} 是一个数组，而我缺少一个 ： 就像在 {foo ： bar} 中一样。

代码编译得很好，这是一个 IntelliJ-Bug，还是我很幸运编译器接受了它？

<input type="radio" name="{{foo}}" formControlName="{{foo}}">

Answer 1

Angular 绝对允许在属性中进行插值，但通常首选的方法(主要用于读取能力(是属性绑定。name="{{foo}}"<=>[name]="foo"更多信息在这里

所以你提供的代码

<input type="radio" name="{{foo}}" formControlName="{{foo}}">

成为

<input type="radio" [name]="foo" [formControlName]="foo">

这应该让IntelliJ停止抱怨。