当使用ng-include在ui-view内部时获取错误

Question

我将Angular.js用于我的应用程序，但是当我在ng-include内部使用ui-view时，我得到此错误：

Error: e is null .after/<@http://localhost/vb-asli/js/angular.min.js:152:228 r@http://localhost/vb-asli/js/angular.min.js:7:288

我的代码是这样的：

<div ui-view>
    <div  ng-include="'partials/menuPreview.html'">
    </div>
</div>

Answer 1

那是因为你不应该将任何子元素直接放在ui-view内。

我认为你误解了ui-view应该如何使用。在文档here和here中，没有提及将子元素直接放在ui-view内。

我还没有深入研究过代码，但我可以看到，如果你在ng-include内置ui-view，ng-include会直接失败，因为父节点为null，这使我相信ui-view正在清除/删除元素内的任何内容（或执行类似的操作）。它是有意义的，它会这样做，因为这是它在切换路由/状态时将做的事情。