angular - 将 Tradingview 嵌入 Angular 5

Question

我只是将此处找到的嵌入脚本 (https://www.tradingview.com/widget/advanced-chart/) 中的函数复制到我的 Angular 5 应用程序的一个组件中，并将源脚本包含在 angular-cli.json 中。但是，该组件返回错误“找不到名称‘TradingView’”。有人有什么建议吗？

Answer 1

我通过在组件中声明 TradingView 找到了解决编译错误的方法:

declare const TradingView: any;

export class ChartComponent implements AfterViewInit {
ngAfterViewInit() {
   new TradingView.widget({
      'container_id': 'technical-analysis',
      'autosize': true,
      'symbol': this.symbolPair,
      'interval': '120',
      'timezone': 'exchange',
      'theme': 'Dark',
      'style': '1',
      'toolbar_bg': '#f1f3f6',
      'withdateranges': true,
      'hide_side_toolbar': false,
      'allow_symbol_change': true,
      'save_image': false,
      'hideideas': true,
      'studies': [ 
      'MASimple@tv-basicstudies' ],
      'show_popup_button': true,
      'popup_width': '1000',
      'popup_height': '650'
    });
  }
}

查看:

<div id="technical-analysis"></div>