从 IONIC 3 上的小部件初始化图表

Question

我想为我的应用程序使用交易视图小部件，而交易视图中的小部件是

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/OANDA-USDCAD/technicals/" rel="noopener" target="_blank"><span class="blue-text">Technical Analysis for USDCAD</span></a> by TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async>
{
"width": "500",
"height": "450",
"locale": "en",
"symbol": "OANDA:USDCAD",
"interval": "1D"
}
</script>
</div>
<!-- TradingView Widget END --> 

我在 polyfill 之后在我的 html.index 上添加了来自交易视图的脚本

<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>
<!-- TradingView Script-->
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async></script>

在家.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
declare var embed-widget-technical-analysis: any;
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController){}
ionViewDidLoad(){
new embed-widget-technical-analysis.widget({
"container_id": "myContainer",
"width": "500",
"height": "450",
"locale": "en",
"symbol": "OANDA:USDCAD",
"interval": "1D"
})
}

}

在家.html

<ion-content padding>
<div id="myContainer">
</div>
</ion-content>

在home.ts上，它向我显示错误"找不到名称嵌入小部件技术分析，我做错了什么？

Answer 1

将变量上的"-"更改为"_"。 嵌入式小部件技术分析 -> embed_widget_technical_analysis 应该工作