2017-05-30 61 views
0

我有以下的HTML。除非src如何繼承Polymer中的變量?

<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]]可變工作正常。結果是:marked-element.html:315 GET http://localhost:8081/src/markdown/.md 404 (Not Found)

我該如何讓marked-element繼承_page變量?

+0

在JavaScript中創建腳本標記並不是更好,然後將它附加到正文的結尾?另一種方法是,在文件'marker-element'內使用'' –

回答

1

聚合物不允許創建/追加內聯字符串,所以你必須創建一個新的變量,其中包含完整的字符串。另外,如果你想在src這樣的默認html屬性中編寫一些東西,你必須在它的名字中加上$。

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

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

Wondeful,很好的答案,謝謝 –