javascript - 动态添加的纸按钮未正确呈现

Question

我有以下 html:

  <paper-button raised>Static</paper-button>
  <script>
    var button = document.createElement('paper-button');
    button.textContent = "dynamic";
    button.raised = true;
    document.body.appendChild(button);
  </script>

如果我静态添加纸按钮，它会正常呈现，但我动态地做了几乎完全相同的事情，我没有得到任何动画。

如果我动态添加纸张按钮，我需要做些什么特别的事情吗？

参见:http://jsbin.com/rararurotu/1/edit?html,output

Answer 1

您需要使用 Polymer.dom api 设置 textContent。

以下代码将起作用:

<paper-button raised>static</paper-button>
<script>
  var button = document.createElement('paper-button');
  button.raised = true;
  Polymer.dom(button).textContent = 'dynamic';
  document.body.appendChild(button);
</script>

参见:http://jsbin.com/gexifaxaqi/1/edit?html,output