Angular 无法将广告放入我的角镖应用程序_Angular_Dart_Components_Adsense_Angular Dart

Angular 无法将广告放入我的角镖应用程序

angular dart

Angular 无法将广告放入我的角镖应用程序,angular,dart,components,adsense,angular-dart,Angular,Dart,Components,Adsense,Angular Dart,我正试图把谷歌AdSense广告放到我的Angular Dart应用程序中。但是如果我将它粘贴到我的一个组件的html中，它不会显示任何内容 dashboard_component.html： <head> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoo

我正试图把谷歌AdSense广告放到我的Angular Dart应用程序中。但是如果我将它粘贴到我的一个组件的html中，它不会显示任何内容

dashboard_component.html：

<head>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: "ca-pub-7364276574790830",
        enable_page_level_ads: true
        });
    </script>
</head>


（adsbygoogle=window.adsbygoogle | |[]）。推送({
谷歌广告客户端：“ca-pub-7364276574790830”，
启用页面级别广告：真
});
出于安全原因，Angular会清除添加到组件模板的脚本标记
您需要将脚本标记添加到index.html

您还可以在运行时使用命令式Dart代码添加脚本标记，例如在角度组件的生命周期回调中，如我在TypeScript中所解释的（应该很容易转换为Dart。最近的角度Dart版本不再有nativeElement
）
在类似的情况下，我向脚本标记添加了一个惟一属性，然后使用querySelector
检查这样的脚本标记是否已经存在，以避免多次添加它
脚本标记还有一个load
事件，用于在加载脚本时通知，因此代码可以在调用仅在加载脚本后可用的函数之前等待该事件