angular - 角度属性/属性插值

Question

我通常像这样进行属性绑定：

<a [href]="myHref">Link</a>

（myHref我的 Component 类中的属性在哪里。）

但我也见过

<a href="{{myHref}}">Link</a>

在 Angular 网站上。我明白。

但我也看到了这个：

<a href={{myHref}}>Link</a>

（没有引号）。

它有效，但我无法在任何地方的 Angular 网站上看到这种确切的语法。是否允许？

标签： angular

Answer 1

HTML 属性可以不用引号来完成。我认为这与角度无关。

规格说

属性放置在开始标记内，由名称和值组成，由 = 字符分隔。如果属性值不包含空格或任何 " ' ` = < 或 >，则该属性值可以保持不加引号。否则，必须使用单引号或双引号将其引用。该值与 = 字符一起可以省略如果值是空字符串，则完全一致。

<a href=http://google.com >Google</a>

来自Angular 文档

在许多情况下，插值是属性绑定的便捷替代方法。

将数据值呈现为字符串时，没有技术理由偏爱一种形式而不是另一种形式。您倾向于可读性，这往往有利于插值。您建议建立编码风格规则并选择既符合规则又感觉最适合手头任务的形式。

将元素属性设置为非字符串数据值时，必须使用属性绑定。