在angularjs中包含模板的最佳方式是什么？

Question

我有一个像菜单栏，工具栏，模板面板，页脚的页面。根据我的菜单，我应该能够动态加载模板。

动态包含模板并传递范围、事件……的最佳方式是什么？到那个模板？

->ng-include，ng-view，...最好的方法是什么？

Answer 1

一种首选的方式是使用ng-include，包含的模板应该实例化一个控制器，以便您可以将数据拉入其中。

<ng-include src="path/to/your/template.html" ></ng-include>

Answer 2

看看ui-router。这是解决这个问题的首选方法。

在配置中，您可以定义为每个页面或状态加载哪些部分模板。

然后将ui- index.html指令放在视图中。此指令将被替换为您的部分模板。

http://angular-ui.github.io/ui-router/site/#/api/ui.router

Answer 3

我认为包含模板的最好方法是使用指令，因为指令可以在应用程序的多个点上使用，而且它们很容易理解。

https://code.angularjs.org/1.2.23/docs/guide/directive