Import an html file before a Polymer element's template is created

Question

I have an element html-import that accepts an href and builds a new href to import.

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

The element is successfully importing elements but is not registering the elements with Polymer before the parent element's template is created. The below code shows me a console warning 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>

Is there a way to ensure that I can import html dynamically before the parent template is created?

Adam Adam · Accepted Answer · 2016-06-20T19:21:09

Have you tried using 'created' callback, instead of 'ready'?

https://www.polymer-project.org/1.0/docs/devguide/registering-elements

Import an html file before a Polymer element's template is created

2 Answers