使用時NG-包括用戶界面視圖內得到錯誤

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直接失敗，因爲父節點爲空，這使我相信，ui-view正在清除/刪除元素內的任何內容（或者做類似的事情）。這是有道理的，因爲這是在切換路由/狀態時所要做的。