В Angular2 + есть ли преимущество в производительности за счет использования [disabled], а не «disabled» в шаблоне

Question

Рассмотрим два следующих HTML фрагмента

<input formControlName="address" [disabled]=isDisabled/>

<input formControlName="address" disabled={{isDisabled}}/>

Помимо удобочитаемости, мой смысл подсказывает мне, что первый предпочтительнее второго, но я не могу найти никакой информации, если это правда и почему это может быть.

Answer 1

Основное отличие состоит в том, что интерполяция вычисляет выражение как строку, что может вызвать некорректное поведение. Например, если у вас есть:

isDisabled = false;

Использование интерполяции:

disabled="{{ isDisabled }}"

эквивалентно:

[disabled]="'false'"

, что по ошибке отключает кнопку, поскольку строка 'false' правда.

См. этот stackblitz для демонстрации.