問題タブ [tradingview-api]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - ng-for で作成された各角度コンポーネントでスクリプトを動的にロードし、ウィジェットをレンダリングします
angular 7 webapplication をセットアップしており、ng-for で作成された 25 個のコンポーネントのリスト内の各コンポーネントで TradingView ウィジェットをレンダリングしたいと考えています。
ここに示すように、外部jsスクリプトを動的にロードしています: https://medium.com/@zainzafar/angular-load-external-javascript-file-dynamically-3d14dde815cb
script-loader-service は各コンポーネントのコンストラクターにあり、スクリプトをその ngOnInit() にロードします
スクリプトをロードするサービスは、25 個のコンポーネントすべてに対して要求を実行します。しかし、ウィジェットはリストの最初のコンポーネントでのみレンダリングされます。
以下はスタックブリッツの例です:
https://stackblitz.com/edit/angular-4ud479?file=src%2Fapp%2Fhello.component.ts