javascript - 在 Angular 中这些绑定方法有什么区别？

在 Angular 教程中有这个例子：

<h3>
    <a [title]="product.name + ' details'">
      {{ product.name }}
    </a>
  </h3>

如果我这样写，它效果很好：

<h3>
    <a title="{{product.name + ' details'}}">
      {{ product.name }}
    </a>
  </h3>

有什么区别？最佳做法是什么？

答案＃1

第一个是使用注解 [] 的属性绑定

第二个是正常插值。

插值与属性绑定的区别。

插值是一种特殊的语法，Angular 会将其转换为属性绑定。这是属性绑定的一种方便的替代方式。

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

所以要显示任意类型的数据（包括字符串）值，请使用 属性绑定，如果你想显示普通的字符串值，请使用 {{}} 插值

来源：https://www.codementor.io/adekunleoyaniyi/interpolation-vs-property-binding-in-angular2-eu1tzbyn4