我有一个复合列表指令 – 这是一个列表项,它可以是一个列表。
父指令定义控制器:
父指令定义控制器:
.directive('parent',function() { controller: function($scope) { },link: function (scope,element,attrs) { } })
列表(项目)要求父控制器本身工作正常(为什么不应该..):
.directive('list',function() { require: '^parent',attrs,parentCtrl) { } })
对于具体项目也是一样,这也是一样的:
.directive('item',function() { require: '^parent',parentCtrl) { } })
一个项目可能是一个组合,在这种情况下,它自己创建一个“列表”。这个组合是通过$ compile(ing)链接函数中的列表项来完成的:
link: function (scope,parentCtrl) { ... $compile("<list></list>")(scope) ... }
哪一个例外:
无法找到指令’list’所要求的Controller’parent’
原因很明显 – $ compile函数没有提供控制器,因此“parent”的要求无法解决。
所以我试过手动提供控制器:
$compile("<list></list>")(scope,null,{'parent': parentCtrl});
哪些不会引发异常,但是在需要时仍然不提供此控制器。
任何想法如何使$ compile函数接受一个外部控制器,应该被评估?
@H_404_27@@H_404_27@
我刚刚有一个类似的问题,解决方案似乎是首先将元素添加到父代,然后编译它。
.directive('item',function($compile) { return { template:'<li><a ng-click="addSubList()">Create Another List</a></li>',require: '^parent',replace: true,link: function(scope,parentCtrl) { scope.addSubList = function() { var sublist = angular.element('<ul list>'); element.find('a').append(sublist); $compile(sublist)(scope); }; } }; });
看到这个Plunker:http://plnkr.co/edit/dASASrFbtXSMCRZKRAj5?p=preview
@H_404_27@ 原文链接:https://www.f2er.com/angularjs/144149.html