javascript - 简单的节点与 polymer 的结合

Question

我是 polymer 新手，想从简单的事情开始。我还不太熟悉所有术语，所以我很难通过谷歌搜索到正确的内容。

无论如何，我发现我可以访问“shallow dom”中文本的textContent？相当容易:

<!-- This is part of my-element element -->
<template>
  {{textContent}} <!-- Outputs all the text -->
  {{foo.textContent}} <!-- Doesn't output anything as I'd hoped it would.. -->
  {{test.textContent}} <!-- Doesn't output anything as I'd hoped it would.. -->
</template>

但是，我似乎无法访问主页中子元素的特定文本内容:

<!-- This is part of index.html -->
<my-element>
   <test>Some text here</test>
   <foo>Something else</foo>
</my-element>

那么有没有一种方法可以明确获取 and 的 textContent 呢？我知道这对于 JS 来说可能相当容易，但我有一种感觉，可能有一种内置的 polymer 方法可以做到这一点，就像访问 {{textContent}} 一样。

Answer 1

好的，所以这相当简单。我可以在模板中执行以下操作，而不是使用 Mustache 语法:

Foo is: <content select="foo"></content><br>
Test is: <content select="test"></content><br>

此输出:

Foo is Some text here
Test is: Something else