从聚合物元件内附着模板内容物

时间:2016-04-18 15:43:08

标签: polymer-1.0

我试图在程序上添加某些聚合物元素的含量,而不是在其创建之后。我试图避免使用<template is="dom-if">元素。

相反,我试图在聚合物元素的模板中放置一个嵌套的<template>元素,并在执行方法时附加其内容,如下所示:

<dom-module id="simple-element">

    <template>

        <content id="content"></content>
        <div id="display">display</div>

        <template id="t">
          template content
          <script>console.log("template added!")</script>
        </template>

    </template>

    <script>

    var simpleElement = {

        is: "simple-element",


        attached : function(){
            this.init();
        },

        init : function(){

            var t = document.importNode(this.$.t.content,true);
            this.$.display.appendChild(t);

        },
    }



    Polymer(simpleElement);


    </script>
</dom-module>

在这个jsbin http://jsbin.com/zudituvuli/edit?html,js,console,output

中也可以看到它

有没有办法实现这个目标?

0 个答案:

没有答案