在Angular 2组件模板中嵌入小部件

我的一个组件模板需要有一个来自的小部件，它们提供了一个我们可以嵌入的脚本标记。但是，既然angular 2从组件模板中删除了脚本标记，那么嵌入此类小部件的最佳方法是什么呢？

我相信您会这样做，并在组件的

ngOnInit（）函数中初始化图表

从'@angular/core'导入{Component，OnInit}；
@组成部分({
选择器：“应用程序我的小部件”，
templateUrl:'./app/my widget/my widget.component.html'，
样式URL:['./app/my widget/my widget.component.css']
})
导出类MyWidgetComponent实现OnInit{
构造函数（）{}
恩戈尼尼特（）{
新TradingView.widget({
“容器id”：“myWidgetContainer”，
“宽度”：980，
“高度”：610，
“符号”：“纳斯达克：AAPL”，
“间隔”：“D”，
“时区”：“Etc/UTC”，
“主题”：“白色”，
“风格”：“1”，
“locale”：“en”，
“工具栏背景”：“#f1f3f6”，
“启用发布”：false，
“允许符号更改”：true，
“幻影”：没错，
“显示弹出按钮”：真，
“弹出窗口宽度”：“1000”，
“弹出高度”：“650”
});
}
}

my widget.component.html，放入包含的div中



然后在index.html中，导入所需的.js字段

我用Ionic/Cordova试过，它在Android和web上运行良好，但在IOS中没有显示图表。