如何在 Polymer 中继承一个变量？

Question

我有以下 HTML.

<iron-pages id="pages" role="main" selected="[[_page]]" attr-for-selected="name">

    <marked-element name="[[_page]]">
        <div slot="markdown-html"></div>
        <script type="text/markdown" src="/src/markdown/[[_page]].md"></script>
    </marked-element>

</iron-pages>

[[_page]] 变量工作正常，但作为 src 值除外。结果是：marked-element.html:315 GET http://localhost:8081/src/markdown/.md 404 (Not Found)

如何让 marked-element 继承 _page 变量？

Answer 1

Polymer 不允许 create/append 字符串内联，因此您必须创建一个包含完整字符串的新变量。另外，如果你想在默认的 html 属性中写一些东西，比如 src 你必须在它的名字中添加一个 $。

<script type="text/markdown" src$="[[_url]]"></script>

//Somewhere in your component
this.set('_url', '/src/markdown/' + this._page + '.md');

如何在 Polymer 中继承一个变量？

How to inherit a variable in Polymer?

html

javascript

polymer

polymer-1.0