Я работаю над шаблоном для директивы. Если для свойства в области задано значение true, к элементу должен быть добавлен data-toggle="dropdown"
. Если переменная является ложной, этот атрибут данных не должен отображаться как атрибут элемента.
Например, если переменная scope имеет значение true, шаблон должен отображать:
<span data-toggle="dropdown"></span>
Если false, шаблон должен отобразить:
<span></span>
Каким будет шаблон для выполнения этого?
Например, я знаю, что я могу использовать ng-class
для условного включения класса. Если я хочу, чтобы шаблон отображал это:
<span class="dropdown"></span>
Тогда мой шаблон будет выглядеть так:
"<span ng-class="{ 'dropdown': isDropDown }"></span>
Если переменная области isDropDown
равна false
, шаблон просто будет выглядеть:
<span></span>
Итак, есть способ в шаблоне условно добавить class="dropdown"
. Есть ли синтаксис шаблонов, который позволяет мне условно добавить data-toggle="dropdown"
?
Одна из вещей, которые я пробовал для шаблона:
"<span data-toggle="{ 'dropdown': isDropDown }"></span>
Мое мышление с приведенным выше шаблоном заключается в том, что если переменная scope isDropDown
равна true, значение data-toggle
будет установлено в "dropdown". Если isDropDown
является ложным, то значение data-toggle
будет просто пустой строкой ""
. Однако это не работает.