本文介绍了如何添加静态HTML生成的模板里面AngularJS?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
有没有办法来添加生成的模板里面静态HTML?
我有code:
<试验>< /试验>
<试验>< /试验><脚本>
VAR应用= angular.module(对myApp,[]);
app.directive(测试,函数(){
返回{
模板:
'< DIV CLASS =包装>' +
'< DIV CLASS =内容>' +
'< / DIV>' +
'< / DIV>'
};
});
< / SCRIPT>
...然后,我想补充< P>富< / P>首先
,但里面没有第二个。因此,输出应该是:在
(见下面黄色注)LT ;内容>
<试验>
< DIV CLASS =包装>
< DIV CLASS =内容>
富
< / DIV>
< / DIV>
< /试验><试验>
< DIV CLASS =包装>
< DIV CLASS =内容>
< / DIV>
< / DIV>
< /试验>
我该怎么办呢?
作为aksed中的注释。
解决方案
You can use ngTransclude here.
You would define your directive like this:
var app = angular.module("myApp", []);
app.directive("test", function() {
return {
transclude: true,
template:
`<div class="wrapper">
<div class="content">
<ng-transclude></ng-transclude>
</div>
</div>`
};
});
Then in your HTML, you would have:
<test>
<p>foo</p>
</test>
<test></test>
And the <p>foo</p>
will be inserted automatically inside the ng-transclude
element in your template.
More information on AngularJS documentation.
这篇关于如何添加静态HTML生成的模板里面AngularJS?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!