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

Question

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

<h3>

    <a [title]="product.name + ' details'">

      {{ product.name }}

    </a>

  </h3>

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

<h3>

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

      {{ product.name }}

    </a>

  </h3>

有什么不同？最佳做法是什么？