typescript - วิธีการใช้งานการแปลอัตโนมัติของ Google ในแอปพลิเคชัน Angular โดยหลีกเลี่ยงการสร้างแท็กสคริปต์ใน DOM?

ฉันกำลังมองหาวิธีที่จะใช้งานสคริปต์ทั้ง 2 ที่ Google Translate ให้มาใหม่เพื่อทำการแปลอัตโนมัติในแอป Angular โดยไม่ต้องฝังสคริปต์เหล่านั้นลงใน DOM เช่น วิธีแปลงสคริปต์เหล่านั้นให้เป็นฟังก์ชันภายในในคอมโพเนนต์ของฉัน

ฉันกำลังพูดถึงสคริปต์ทั้งสอง + องค์ประกอบ 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>

คำตอบ #1

แทน

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

คุณควร

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

คุณพลาด https: นั่นจึงทำให้มันไม่ทำงาน