добавить JS содержание в angular DOM

Question

У меня есть виджет, который я пытаюсь загрузить в Angular. Когда я пытаюсь вызвать скрипт в Angular, он не может найти элемент Dom для добавления.

https://github.com/jenyayel/js-widget

Выше работающий виджет, который я использую, но когда я пытаюсь загрузить его в проект Angular 4, он не может найти идентификатор элемента DOM, который находится в файле компонента.

По сути, я хочу, чтобы представление содержимого виджета JS добавлялось в Angular элемент DOM.

Я включаю тег тега ниже в индекс Angular. html

   <script>
        (function (w,d,s,o,f,js,fjs) {
            w['JS-Widget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
            js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
        }(window, document, 'script', 'mw', './widget.js'));
        mw('init', { someConfiguration: 42 });
        mw('message', 'Hello world!');
    </script>

widget.js включено angular-cli.json