扩展AngularJS模板
Extending AngularJS Templates
在游戏中!框架,我可以做以下事情来清空我的布局代码:
在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模板解决方案可以支持吗?
谢谢。
ng-view
指令使用来自路由器的新数据/模板更新当前元素,这样您就可以制作通用布局并使用ng-view
,如果您仍然有重复的代码;使用CCD_ 3。
看看https://github.com/wmluke/angular-blocks.看起来它有你要找的
是的,我知道这是一个老问题,但我是通过谷歌搜索得到的,所以也许它会对某人有所帮助:)
相关文章:
- angularjs+rails应用程序中未显示模板
- AngularJs的动态模板显示具有相同的路线
- AngularJS:控制器中的函数被模板多次调用
- AngularJS指令模板开头的注释
- 未在angularJS和Ionic中加载模板
- 自定义指令模板中的AngularJS控制变量
- AngularJS模板中有括号
- 在angularjs中将html项插入到现有模板HTML中有什么奇怪的方法
- AngularJS执行指令模板中的控制器函数
- AngularJS部分模板双向绑定&刷新困境
- AngularJS路由在初次点击时没有加载ng模板
- 在剑道窗口的模板属性中使用AngularJS代码
- 问题:can't访问html模板AngularJS中的Json数据
- 在模板angularJs中从控制器填充id属性的值
- 如何将数据从指令传递到 html 模板 - AngularJS.
- 如何将参数传递给将影响模板angularjs选择的指令
- ng在指令模板AngularJS中重复
- ng transclude在模板AngularJS中不起作用
- 创建一个附加到现有模板AngularJS的模板
- 将范围变量传递给弹出框模板 angularjs