require - Требовать, чтобы другой контроллер был передан в текущую директиву функция связывания. Требование принимает имя управляющего контроллера для перехода. Если такой контроллер не найден, возникает ошибка. Имя может иметь префикс:
- ? - Не поднимайте ошибку. Это делает необязательной зависимость.
- ^ - Ищите контроллер на родительских элементах.
Вышеизложенное определение из официальных документов. Неопределенность здесь заключается в том, что именно является "директивным контроллером".
В качестве примера возьмем вкладку директивы из проекта angularjs-ui bootstrap.
angular.module('ui.bootstrap.tabs', [])
.controller('TabsController', ['$scope', '$element', function($scope, $element) {
... // omitted for simplicity
}])
.directive('tabs', function() {
return {
restrict: 'EA',
transclude: true,
scope: {},
controller: 'TabsController',
templateUrl: 'template/tabs/tabs.html',
replace: true
};
})
.directive('pane', ['$parse', function($parse) {
return {
require: '^tabs',
restrict: 'EA',
transclude: true,
scope:{
heading:'@'
},
link: function(scope, element, attrs, tabsCtrl) {
... // omitted for simplicity
},
templateUrl: 'template/tabs/pane.html',
replace: true
};
}]);
Директива pane
имеет require: '^tabs'
, в которой tabs
- это имя директивы на ее родительском элементе, а имя контроллера, прикрепленного к этой директиве, TabsController
. Из моей собственной интерпретации вышеприведенного определения это должно быть require: '^TabsController'
not require: '^tabs'
и, очевидно, неверно. Пожалуйста, скажи мне, что мне недостает в моем понимании.