`value ="{{todo.title}}"`和`[value] ="todo.title"`之间有什么区别？

Question

我一直在Angular 2做一个todo应用程序来掌握概念...... value="{{todo.title}}"和之间的区别是[value]="todo.title"什么？

Answer 1

来自角度文档：

属性绑定还是插值？

我们经常在插值和属性绑定之间做出选择。以下绑定对执行相同的操作：

<p><img src="{{heroImageUrl}}"> is the <i>interpolated</i> image.</p>
<p><img [src]="heroImageUrl"> is the <i>property bound</i> image.</p>

<p><span>"{{title}}" is the <i>interpolated</i> title.</span></p>
<p>"<span [innerHTML]="title"></span>" is the <i>property bound</i> title.</p>

在许多情况下，插值是属性绑定的便捷替代方案。事实上，Angular 在渲染视图之前会将这些插值转换为相应的属性绑定。

没有技术原因让我们更喜欢一种形式而不是另一种形式。我们倾向于可读性，这往往有利于插值。我们建议建立编码风格规则并选择既符合规则又对手头任务感觉最自然的形式。

关联