angular中的那些绑定方法有什么区别？答案

【问题标题】：what is the difference between those binding methods in angular?angular中的那些绑定方法有什么区别？
【发布时间】：2019-12-13 03:05:54
【问题描述】：

在角度教程中有这个例子：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

第二个是普通插值。

插值和属性绑定的区别。

插值是 Angular 转换为属性的特殊语法捆绑。它是属性绑定的便捷替代方案。

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

所以不显示任何类型的数据（包括字符串）值使用Property Binding，或者如果你想显示正常的字符串值使用{{}}插值

【讨论】：