如何一起使用模板和内容选择器?

时间:2015-02-12 14:09:24

标签: javascript templates polymer shadow-dom

假设我有以下元素:

<polymer-element name="foo-bar" noscript>
  <template>
    <div class="wrapper">
      <content select="h1"></content>
    </div>
  </template>
</polymer-element>

如何使用以下模板提供内容:

<foo-bar>
  <template if="{{ model === 'dog' }}">
    <h1>Woof</h1>
  </template>

  <template if="{{ model === 'cat' }}">
    <h1>Meow</h1>
  </template>
</foo-bar>

截至目前,似乎在模板之前评估内容选择器;所以当<content select='h1'>试图找到它们时,DOM中没有h1。我怀疑我有办法做到这一点(即使它需要一些黑客攻击)。或许我只是做错了什么。

0 个答案:

没有答案