扩展AngularJS模板

Question

在游戏中!框架,我可以执行以下操作来干掉我的布局代码:

在main.html中:

<h1>This is main</h1>

#{doLayout /}

<div id="footer">Footer content</div>

在home.html:

 #{extends 'main.html' /}  

 <p>This is the home page content</p>

我想在AngularJS中做同样的事情,即我想创建一个HTML文件并让它继承自另一个.我看到有ngInclude指令,但使用它会导致当前应用程序中的大量布局代码重复.如果AngularJS本身不支持它,那么还有其他任何HTML模板解决方案吗？

谢谢.

Answer 1

ng-view指令使用来自路由器的新数据/模板更新当前元素,因此您可以进行通用布局和使用ng-view,如果仍有重复代码; 用ng-include.

Answer 2

看看https://github.com/wmluke/angular-blocks.看起来它有你想要的东西

是的我知道这是一个古老的问题,但我通过谷歌搜索相同的事情,所以也许这将有助于某人:)