动态添加页面到聚合物铁页-页面

Question

有没有办法动态添加一个新页面到iron-pages？我有这个铁页：

<iron-pages selected="0">
  <div>Abc</div>
</iron-pages>

然后我再动态添加几个页面：

document.addEventListener("WebComponentsReady", function() {
  var newDiv = document.createElement("div");
  newDiv.innerHtml = "Def";
  var ironPage = document.querySelector("iron-pages");
  ironPage.appendChild(newDiv);
  console.log(ironPage.items.length) // log 1 instead of 2
  ironPage.select(1) // nothing shown.
});

Answer 1

您可能需要使用Polymer.Dom Api

Polymer.dom(ironPage).appendChild(newDiv);

另外，我认为您可能犯了另一个错误：

而不是

newDiv.innerHtml = "def";

做

newDiv.textContent = "def";