angular - Angular 2 中的字符串插值及其动态性

Question

在 Angular2 中，为什么我将一个属性放在一个简单的 View 中，如下所示:

<span>{{allowServer}}</span>

只要它的值在它的 .ts 文件上改变，它就会改变，如果我这样说:

<button class="btn btn-primary" disabled={{allowServer}} >server</button>

按钮没有禁用新值？

那么，我必须使用插值而不是绑定(bind)语法的规则是什么？

[disabled]=allowServer 

Answer 1

[prop]="值(value)"

用于对象绑定(bind)到属性(Angular 组件或指令的@Input() 或 DOM 元素的属性)。

prop="{{值}}"

将一个值绑定(bind)到一个属性。 值被字符串化(又名插值)

让我们看一个例子:

<button id="button1" disabled={{allowServer}} >server</button>
<button id="button2" [disabled]={{allowServer}} >server</button>

1) allowServer === true

button1.disabled = 'true' // string

button2.disabled = true   // boolean

2) allowServer === false

button1.disabled = 'false' // string so disabled is true

button2.disabled = false// boolean

如您所见，button1 将始终被禁用