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