Некоторые места, кажется, используют функцию контроллера для логики директив, а другие используют ссылку. Пример вкладок на угловой домашней странице использует контроллер для одной и ссылку для другой директивы. Какая разница между двумя?
javascript
angularjs
web-applications
javascript-framework
user1558259
источник
источник
Ответы:
Я собираюсь немного расширить ваш вопрос, а также включить функцию компиляции.
функция компиляции - используется для манипулирования DOM шаблона (т. е. манипуляции с элементом tElement = template), следовательно, манипуляции, которые применяются ко всем клонам DOM шаблона, связанным с директивой. (Если вам также нужна функция ссылки (или функции ссылки до и после), и вы определили функцию компиляции, функция компиляции должна возвращать функцию (и) ссылки, потому что
'link'
атрибут игнорируется, если'compile'
атрибут определен.)Функция Link - обычно используется для регистрации обратных вызовов слушателя (т. е.
$watch
выражений в области), а также для обновления DOM (т. е. манипуляции с iElement = индивидуальный элемент экземпляра). Это выполняется после того, как шаблон был клонирован. Например, внутри<li ng-repeat...>
функции link выполняется после того, как<li>
шаблон (tElement) был клонирован (в iElement) для этого конкретного<li>
элемента. A$watch
позволяет директиве получать уведомления об изменениях свойства области (область действия связана с каждым экземпляром), что позволяет директиве отображать обновленное значение экземпляра в DOM.функция контроллера - должна использоваться, когда другая директива должна взаимодействовать с этой директивой. Например, на домашней странице AngularJS директива pane должна добавить себя в область, поддерживаемую директивой tabs, следовательно, директива tabs должна определить метод контроллера (думаю, API), к которому директива pane может обращаться / вызывать.
Для более подробного объяснения директив tabs и pane, и почему директива tabs создает функцию на своем контроллере, используя
this
(а не on$scope
), пожалуйста, смотрите «this» против $ scope в контроллерах AngularJS .В общем случае вы можете помещать методы
$watches
и т. Д. Либо в контроллер директивы, либо в функцию link. Сначала будет запущен контроллер, что иногда имеет значение (см. Эту скрипку, которая регистрирует, когда функции ctrl и link запускаются с двумя вложенными директивами). Как упоминал Джош в комментарии , вы можете захотеть поместить функции манипулирования областью в контроллер просто для согласованности с остальной частью фреймворка.источник
mouseover
, другой слушает область изменения свойств. Большая разница.В дополнение к ответу Марка, функция компиляции не имеет доступа к области видимости, но функция ссылки имеет.
Я действительно рекомендую это видео; Написание директив Миско Хевери (отец AngularJS), где он описывает различия и некоторые приемы. (Разница между функцией компиляции и функцией ссылки на отметке 14:41 на видео ).
источник
Угловое соглашение: написать бизнес-логику в контроллере и манипулирование DOM в ссылке.
Помимо этого вы можете вызывать одну функцию контроллера из функции ссылки другой директивы. Например, у вас есть 3 пользовательских директивы
и вы хотите получить доступ к животным изнутри директивы "леопард".
http://egghead.io/lessons/angularjs-directive-communication будет полезно узнать о межправительственной связи
источник
compile
всегда будет выполняться раньшеcontroller
.функция компиляции -
синтаксис
контроллер
предварительная ссылка
Функция ссылки отвечает за регистрацию слушателей DOM, а также за обновление DOM. Это выполняется после того, как шаблон был клонирован. Именно здесь будет помещена большая часть директивной логики.
Вы можете обновить dom в контроллере, используя angular.element, но это не рекомендуется, так как элемент предоставляется в функции link
Функция предварительной ссылки используется для реализации логики, которая запускается, когда angular js уже скомпилировал дочерние элементы, но до того, как какая-либо ссылка на запись дочернего элемента была вызвана
пост-ссылка
директива, которая имеет только функцию ссылки, angular рассматривает функцию как ссылку для публикации
сообщение будет выполнено после функции компиляции, контроллера и предварительной ссылки, поэтому это считается самым безопасным местом по умолчанию для добавления вашей логики директивы
источник