本文介绍了如何添加静态HTML生成的模板里面AngularJS?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有办法来添加生成的模板里面静态HTML?

我有code:

 <试验>< /试验>
<试验>< /试验><脚本>
VAR应用= angular.module(对myApp,[]);
app.directive(测试,函数(){
    返回{
        模板:
        '< D​​IV CLASS =包装>' +
        '< D​​IV CLASS =内容>' +
        '< / DIV>' +
        '< / DIV>'
    };
});
< / SCRIPT>

...然后,我想补充< P>富< / P>首先(见下面黄色注)LT ;内容> ,但里面没有第二个。因此,输出应该是:

 <试验>
    < D​​IV CLASS =包装>
        < D​​IV CLASS =内容>
            富
        < / DIV>
    < / DIV>
< /试验><试验>
    < D​​IV CLASS =包装>
        < D​​IV 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?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

10-25 04:41