typescript - Hur implementerar man Googles automatiska översättning i en Angular-applikation utan att skapa script-taggar i DOM:en?

Jag letar efter ett sätt att återanvända de 2 skripten som tillhandahålls av Google Translate för att implementera automatisk översättning i en Angular-applikation utan att injicera dem i DOM:en. Som ett sätt att konvertera dem till interna funktioner i min komponent.

Jag pratar om de 2 skripten + det dolda div-elementet:

<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>

Svar #1

Istället

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

Du bör

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

Du missade https:, det är därför det inte fungerar