Актуализацията 1.4 изглежда е въвела проблем при обвързване на функции във вложени директиви. Имам примерен плункер: http://plnkr.co/edit/fQLY0N8BTNs38VC8ikll
Код:
var app = angular.module('myApp', []);
app.controller('myCtrl', function(){
this.searchFunction = function(term) {
console.log('you searched for ' + term);
}
});
app.directive('outerDirective', function(){
return {
restrict: 'E',
scope: {
outer: '&'
},
template: '<inner-directive inner="cx.outer(term)"></inner-directive>',
controller: function(){
},
controllerAs: 'cx',
bindToController: true
};
});
app.directive('innerDirective', function(){
return {
restrict: 'E',
scope: {
inner: '&'
},
template: '<a ng-click="cx.execute()">Click</a>',
controller: function(){
this.execute = function(){
this.inner('fred');
}
},
controllerAs: 'cx',
bindToController: true
};
});
Това работеше в 1.3, но има ли някакъв нов начин да направя това в 1.4?
Щраквайки върху връзката, ще видите следната грешка в конзолата:
TypeError: Не може да се използва оператор „in“ за търсене на „cx“ във fred при fn (eval при (https://code.angularjs.org/1.4.0/angular.js:13036:15), :2:54) на местоназначението. (анонимна функция) [като вътрешен] (https://code.angularjs.org/1.4.0/angular.js:8689:22) при изпълнение (http://run.plnkr.co/zE9xlCQNMBrOZZgi/script.js:35:14) при fn (eval при (https://code.angularjs.org/1.4.0/angular.js:13036:15), :2:237) при обратно извикване (https://code.angularjs.org/1.4.0/angular.js:23090:17) на Scope.$eval (https://code.angularjs.org/1.4.0/angular.js:15719:28) в Scope.$apply (https://code.angularjs.org/1.4.0/angular.js:15818:23) в HTMLAnchorElement. (https://code.angularjs.org/1.4.0/angular.js:23095:23) в HTMLAnchorElement.eventHandler (https://code.angularjs.org/1.4.0/angular.js:3247:21)