templates - 在 Angular 中重用视图的可能方式

Question

可以说我有类似 html 的视图<div ng-controler="contr">....</div> 和一个 js 控制器。假设我想在我的主页的左下角和右上角使用这个视图，在一个子页面的中心等等......我最好的重用选择是什么？我看到我可以将整个 html 注入一个字符串并像这样调用“编译”，但这似乎并不“优雅”

Answer 1

将它放在一个单独的 html 文件中，或者添加到模板缓存中，并使用ng-include 指令包含它。我将自动创建一个新范围。

<ng-include src="'template.html'"></ng-include>
<ng-include src="'template.html'"></ng-include>

<script type="text/ng-template" id="template.html">
    <div ng-controler="contr">....</div>
</script>