从Mustache.js到Angular.js，有角的三重护腕？
从Mustache.js到Angular.js，有角的三重护腕？
提问于 2014-06-03 14:19:39
我在Mustache.js中有以下内容：
<div>{{{icon.tmpl}}}</div>icon.tmpl本身就是一个模板，其内容如下：
<div id="{{id}}" class="glyphicon glyphicon-send"></div>在Mustache.js中，由于有了三重括号，这是非常完美的，这两个级别的模板都会被编译。现在，我无法在Angular.js中实现这一点。第二个嵌入模板没有编译，而是被引号“.”包围。
如何使这个工作的角度？
Stack Overflow用户
回答已采纳
发布于 2014-06-03 14:34:00
您可以使用ngInclude或创建指令。下面是一个图标指令的示例，它实际上只是将任何icon元素替换为您指定的div。
http://plnkr.co/edit/NK5bOFvsgpMGeTkteMif?p=preview
html：
<icon></icon>联署材料：
app.directive('icon', function ( $compile, $timeout) {
return {
restrict: 'EA',
replace: true,
template: '<div id="{{id}}" class="glyphicon glyphicon-send"></div>'
}
})指令可以很容易地类似于<div class="icon">或<div icon>，您可以将模板应用到它。
ngInclude的一个例子
<ng-include src="'icon.html'"></ng-include>icon.html只有你的模板信息。确保在这两种情况下id都在范围内。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24017629
复制相关文章
相似问题
腾讯云开发者
