javascript - 这些绑定(bind)方法在 Angular 上有什么区别？

Question

在 Angular 教程中有这个例子:

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

如果我这样写它效果很好:

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

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

Answer 1

第一个是使用注释 [] 的属性绑定(bind)

第二种是普通插值。

插值和属性绑定(bind)之间的区别。

Interpolation is a special syntax that Angular converts into property binding. It’s a convenient alternative to property binding.

Property Binding: to set an element property to a non-string data value, you must use property binding.

因此，要不显示任何类型的数据(包括字符串)值，请使用 Property Binding，或者如果您想显示普通字符串值，请使用 {{}} 插值

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