How to Load JS file for Support of Modules?

[sc5]

How to Load JS file for Support of Modules?

[khrome83]

I have tried to use the extraHead property to pass in a JS file. But this does not seem to interact with the components on the page.

            extraHead: [
                '<script src="/js/head.js"></script>',
                '<script src="/js/main.js"></script>'
            ],

What is the best way for non-angular apps to include a JS file for the styleguide sections?

[khrome83]

Has anyone had any luck getting non-angular JavaScript exposed to a web component? To me this is Critical for us to adopt this as our StyleGuide generator. I work for General Motors and would love to push this forward as our internal standard.

[varya]

extraHead applies for a style-guide page itself and may not work with the components because each of them is encapsulated with shadow DOM.
Applying extra JS to a component is not implemented yet. We will create a task in the backlog to do this.

[vedrani]

+1 This would be great feature :)

[hannu]

As a workaround solution you can use extraHead and disable shadow DOM encapsulation with disableEncapsulation option.

[vedrani]

Thx :) @hannu

[azevedo]

👍

[patapron]

It does already?

[khrome83]

This was resolved be a release later in the year. Closing the issue.