Angular 1如何在ng-include中正确包含外部组件?

时间:2017-06-02 15:51:27

标签: javascript angularjs angularjs-ng-include

情况:我有一个视图,其中包含一个包含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"});

尝试这样做是为了能够在多个地方使用具有完整功能的片段。

任何想法或建议要查找或尝试什么?

1 个答案:

答案 0 :(得分:0)

恕我直言,我认为通过说&#34; ... 能够在多个地方使用具有全部功能的片段&#34;你刚刚回答了你的问题。你需要的是建立一个自定义指令并在你喜欢的任何地方使用它。

参见指令样本,例如Angular documentation on directives