Угловая интерполяция атрибута / свойства

Question

Я обычно делаю привязку свойств следующим образом:

<a [href]="myHref">Link</a>

(где myHref - это свойство в моем классе Component.)

Но я также видел

<a href="{{myHref}}">Link</a>

на сайте Angular. Что я понимаю.

Но я также видел это:

<a href={{myHref}}>Link</a>

(без кавычек).

Это работает, но я не вижу такого точного синтаксиса, который используется на веб-сайте Angular. Это разрешено?

Answer 1

Атрибуты HTML можно сделать без кавычек. Я не думаю, что это имеет какое-либо отношение к угловой.

Спецификация говорит

Атрибуты размещаются внутри начального тега и состоят из имени и значение, разделенное символом =. Значение атрибута может остаться без кавычек, если он не содержит пробелов или любого из символов "'` = <или>. В противном случае он должен быть заключен в одинарные или двойные кавычки. Значение вместе с символом = может быть вообще опущено, если значение является пустой строкой.

<a href=http://google.com >Google</a>

С Угловые документы

Интерполяция является удобной альтернативой привязки свойств во многих случаи.

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

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