angular - 如何在 Angular 应用程序中实现谷歌自动翻译，避免在 dom 中创建脚本标签？

Question

我正在寻找一种方法来重用 google translate 提供的 2 个脚本以在 Angular 应用程序中实现自动翻译，而不将它们注入 dom 中。就像一种将它们转换为我的组件中的内部函数的方法。

我正在谈论 2 个脚本 + 隐藏的 div 元素：

<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" defer=""></script>


<script type="text/javascript">
                     function googleTranslateElementInit() {
                     new google.translate.TranslateElement(
                     {
                       pageLanguage: 'ko',
                       includedLanguages: 'en',
                       layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT,
                       autoDisplay: false
                     },
                     'google_translate_element');}</script>



<div class="hidden" id="google_translate_element"></div>

标签： angulartypescriptangular-componentsgoogle-translatelanguage-translation

Answer 1

反而

//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit

你应该

https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit

你错过了https:这就是为什么它不工作