javascript - 扩展 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 模板解决方案可以支持？

谢谢。

score 9 · Accepted Answer

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

是的，我知道这是一个老问题，但我是通过谷歌搜索到这里的，所以也许它会对某人有所帮助:)

score 9 · Accepted Answer

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

2 回答 2