如何在angular中编写与特定组件相关的脚本链接这是我的html代码，看起来我想将其转换为angular组件。我在index.html中使用了这个脚本链接。它正在每页中显示。我想将这个脚本链接限制为一个特定组件。请提前感谢
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div id="tradingview_2e1eb"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/KRAKEN-XRPUSD/" rel="noopener" target="_blank"><span class="blue-text">XRPUSD chart</span></a> by TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
new TradingView.widget(
{
"autosize": true,
"symbol": "KRAKEN:XRPUSD",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "Dark",
"style": "1",
"locale": "en",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"hide_top_toolbar": true,
"allow_symbol_change": true,
"save_image": false,
"container_id": "tradingview_2e1eb"
}
);
</script>
</div>
<!-- TradingView Widget END -->
</body>
</html>
根据您的问题，我认为您可能希望将脚本仅链接到一个组件，而不是全局？如果是这样的话，您可以在组件中调用这样一个特殊的js文件。
组件.ts
ngAfterViewInit() {
$.getScript('./assets/js/script.js');
}