在Angular中重用视图的可能方法

Question

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

Answer 1

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

<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>