javascript - 如何继承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 不允许创建/追加内联字符串，因此您必须创建一个包含完整字符串的新变量。另外，如果您想在默认 html 属性(如 src)中写入某些内容，则必须在其名称中添加 $。

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

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