Question

我需要创建一个空元素，用作DOM中的angular指令。

<mydirective></mydirective>

我应该如何以编程方式执行此操作？

Answer 1

可能有几种方法。看看How to dynamically add a custom directive to a div element?

使用ng-switch作为Mark Rajcok的建议可能是最简单的方法：

<link rel="import" href="bower_components/polymer/polymer.html">
<link rel="import" href="bower_components/paper-styles/paper-styles.html">
<link rel="import" href="bower_components/iron-image/iron-image.html">
<link rel="import" href="bower_components/paper-spinner/paper-spinner.html">

<dom-module id="iron-image_test-element">   
<style is="custom-style">
    paper-spinner               { display: block; position: fixed; top:50%; left:50%; margin-top: 0px; margin-left: 0px; }
</style>

<template>
    <paper-spinner id="spinner"></paper-spinner>
</template>

<script>

    Polymer({
        is: "iron-image_test-element",

        ready: function() {

            //Remove server call back for simplicity
            var img = document.createElement("iron-image");
            img.setAttribute("src", "test3.png");
            img.setAttribute("sizing", "contain");
            img.setAttribute("class", "preload fade");
            img.style.width = "400px";
            img.style.height = "400px";

            Polymer.dom(this.root).appendChild(img);
            Polymer.dom(this.root).flush(); 
        }

    });

</script>

使用document.createElement（）可能会像你说的那样工作，但它确实不是有角度的方式。

在jquery / javascript中创建空元素

1 个答案: