2016-06-17 8 views
1

hrefを受け入れ、インポートする新しいhrefを作成する要素html-importがあります。ポリマー要素のテンプレートが作成される前にhtmlファイルをインポートします

<html-import href="some.html"></html-import> 
<script> 
    Polymer({ 
     is: "html-import", 
     ready: function() { 
      var href = "outside/config/" + this.href; 
      this.importHref(href) 
     } 
    }) 
</script> 

要素は正常にインポートされていますが、親要素のテンプレートが作成される前に要素をPolymerに登録していません。以下のコードは、私に警告コンソールを示しCould not find style data in module named red-css.

<html-import html-href="style/css.html"></html-import> 
<dom-module> 
    <template> 
     <style include="red-css"></style> 
    </template> 
</dom-module> 

私は親のテンプレートが作成され、動的に前にHTMLをインポートできるようにする方法はありますか?

答えて

0

正直なところ、私はあなたのユースケースが何であるかわかりません。詳細がなければ、<html-import>要素の目的は何か分かりませんか?

しかし、私は、<style include="xxx">メカニズムを使用して要素によって利用できるように、style modulesをロードする方法を探していると推測しています。

残念ながら、それは今日(ポリマー1.5.0)がサポートされていない - それは、ポリマーが(importコードがどこにあるか)テンプレートを処理する前であっても起こるので、ポリマーは、作成時にinclude="xxx"シム。 https://github.com/Polymer/polymer/issues/3123

関連する問題