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

时间:2015-12-28 22:48:13

标签: polymer-1.0

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

<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.
});

1 个答案:

答案 0 :(得分:5)

您可能需要使用Polymer.Dom Api

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

此外,我认为您可能犯了另一个错误:

而不是

newDiv.innerHtml = "def";

DO

newDiv.textContent = "def";