Angular 1如何在ng-include中正確包含外部組件？

Question

情況：我有一個視圖，其中包含ng-include的片段。片段加載完美，並在控制器定義的內部視圖中按預期工作。 我的問題是，當我想要在「ng-include」片段「myView.html」中包含外部組件時，它不會顯示出來。將其包含在控制器所在的主視圖中時，它會顯示並按預期工作。

主視圖：

<div ng-controller="MyController"> 
    <div data-ng-include src="'views/myView.html'"></div> 

    <!-- When loaded here, the component shows up --> 
    <!-- <div id="componentDiv"></div> --> 
</div> 

片段 「myView.html」：

<div> 
    <div id="componentDiv"></div> 
</div> 

組件被加載的 「myController的」，其中 「componentDiv」 是「分區的 「ID」 內「放置元件的位置：

var testObj = new TestObj({"container": "componentDiv"}); 

試圖做到這一點，以便能夠使用具有完整功能的片段ty在幾個地方。

任何想法或建議要查找或嘗試什麼？

Answer 1

恕我直言，我認爲通過說「...... 能夠在幾個地方使用這個片段的全部功能」你剛剛回答你的問題。你需要的是建立一個自定義指令並在任何你喜歡的地方使用它。

查看指令樣本例如Angular documentation on directives