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”是放置組件的“ div”的“ id”：

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

嘗試執行此操作，以便能夠在幾個地方使用具有完整功能的此片段。

有什么想法或建議要查找或嘗試什么？

Answer 1

恕我直言，我認為說“ ... 以便能夠在多個地方使用全部功能 ”可以回答您的問題。 您需要構建一個自定義指令，並在您喜歡的任何地方使用它。

參見指令示例，例如關於指令的Angular文檔