在 Polymer 1.0 中动态设置 paper-button 文本

Question

尝试通过javascript动态添加提交按钮，下面是代码片段，不确定使用哪个属性来设置文本。

      var dynSubmit = document.createElement("paper-button");
      dynSubmit.setAttribute("on-click", "submitForm");
      //dynSubmit.setAttribute("Value", "Submit"); 
      parent.$.iron-form.appendChild(dynSubmit);

注释的代码不起作用，如何设置提交按钮的标题？

Answer 1

您可以设置按钮的innerHTML。

Polymer.dom(dynSubmit).innerHTML = "Submit";

感谢@jonsS0 的便捷评论。

Answer 2

避免将 innerHTML 与 Polymer 一起使用，或者完全避免；它很慢，这是 XSS 可以进入的地方，你不应该需要它。

改为使用textContent:

dynSubmit.textContent = 'Submit';

您可以在不破坏波纹的情况下设置它，并且您不需要 Polymer.dom(dynSubmit)，因为它在底层元素上是一个暴露的属性。

在 Polymer 1.0 中动态设置 paper-button 文本

Set paper-button text dynamically in polymer 1.0

polymer

polymer-1.0