我在使用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中的模板逻辑有关,或者它可能是编写指令创建“孤儿”的方式。任何人对问题是什么有任何想法?
答案 0 :(得分:2)
看起来你的NewCampaign.html正在使用一些复制+粘贴的dom,因为它有<!-- ngIF ... -->
清理模板后,您可以看到该模板中未使用wizard
指令。 wz-step
指令需要位于wizard
指令的上下文中,因为转换发生在wz-step
内。
此外,从模板中删除了额外的ng-app和ng-controller。控制器应与状态一起定义。在这里查看固定的plunkr:http://plnkr.co/edit/c3fcV5RSUMXGIFpk8AbV?p=preview