非法使用带有UI路由器和角度向导的ngTransclude指令

时间:2014-03-14 06:51:21

标签: javascript angularjs angularjs-directive angular-ui-router

我在使用UI路由器的项目中使用角度向导,如果单击右侧的“创建”按钮,则可以看到演示:

http://plnkr.co/edit/XYUamusHru7eV0nvAD5i?p=preview

该向导与当前项目分开工作,当我尝试将其集成到我的应用程序时出现问题我在控制台中收到此错误:

Error: [ngTransclude:orphan] Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found. Element: <div class="steps" ng-transclude="">

我认为这与UI-Router中的模板逻辑有关,或者它可能是编写指令创建“孤儿”的方式。任何人对问题是什么有任何想法?

1 个答案:

答案 0 :(得分:2)

看起来你的NewCampaign.html正在使用一些复制+粘贴的dom,因为它有<!-- ngIF ... -->

的角度评论

清理模板后,您可以看到该模板中未使用wizard指令。 wz-step指令需要位于wizard指令的上下文中,因为转换发生在wz-step内。

此外,从模板中删除了额外的ng-app和ng-controller。控制器应与状态一起定义。在这里查看固定的plunkr:http://plnkr.co/edit/c3fcV5RSUMXGIFpk8AbV?p=preview