Интерполяция строки в угловых 2 и ее динамичность

Question

В Angular2, почему, если я помещаю свойство в простой вид, например так:

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

он изменяется всякий раз, когда его значение изменяется в его файле.ts, и если я скажу это так:

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

кнопка не отключает новое значение?

Итак, по какому правилу я должен использовать интерполяцию вместо синтаксиса привязки?

[disabled]=allowServer 

Answer 1

[Проп]="значение"

предназначен для привязки объекта к свойствам (@Input() компонента или директивы Angular или свойства элемента DOM).

проп ="{{значение}}"

привязывает значение к свойству. Значение является строковым (он же интерполяция)

Смотрите, давайте посмотрим на пример:

<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 всегда будет disabled