动态地将页面添加到Polymer铁页

Question

有没有办法动态地将新页面添加到铁页？我有这个铁页:

<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";