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

Question

我在使用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中的模板邏輯有關，或者它可能是指令編寫的方式創建“孤兒”。 任何人對問題是什么都有任何想法？

Answer 1

看起來你的NewCampaign.html正在使用一些復制+粘貼的dom，因為它有角度注釋<!-- ngIF ... -->

清理模板后，您可以看到該模板中未使用wizard指令。 wz-step指令需要位於wizard指令的上下文中，因為轉換發生在wz-step 。

此外，從模板中刪除了額外的ng-app和ng-controller。 控制器應與狀態一起定義。 在這里查看固定的plunkr： http ：//plnkr.co/edit/c3fcV5RSUMXGIFpk8AbV？p = preview