Привязать атрибут директивы к шаблону

-4

У меня есть директива, которая использует атрибут для построения более сложной разметки.

Вот действующая директива:

<alerts heading="Alerts {{ count }}">
<ul>
<li ng-repeat="alert in alerts">{{ alert.description }}</li>
</ul>
</alerts>

Шаблон директивы выглядит следующим образом:

<div>
<h1></h1>
<div ng-transclude></div>
</div>

Как я могу получить атрибут заголовка в h1 чтобы изменения в count обновлялись в заголовке?

спросил(а) 2021-01-25T13:43:35+03:00 4 месяца, 2 недели назад
1
Решение
132

Вы можете выделить свою область действия и использовать нотацию "@" для сбора переменных, которые будут использоваться для вашей директивы шаблона. Также обратите внимание, что в вашем шаблоне ng-transclude transclude неверно.

Образец здесь

например

JAVASCRIPT

directive('alerts', function() {
return {
restrict: 'E',
scope: {heading: '@'},
transclude: true,
templateUrl: 'alert.html'
}
});

alert.html

<div>
<h1 ng-bind="heading"></h1>
<div ng-transclude></div>
</div>

Применение

<alerts heading="Alerts {{alerts.length}}">
<ul>
<li ng-repeat="alert in alerts">{{ alert.description }} <button ng-click="remove(index)">remove</button></li>
</ul>
</alerts>

ответил(а) 2021-01-25T13:43:35+03:00 4 месяца, 2 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема