title: How to implement google auto translate in angular application avoiding the creation of scripts tags in the dom?
body: <p>I m looking for a way to reuse the 2 scripts provided by google translate to implement the auto translation in an angular application without injecting them in the dom. Like a way to convert them to internal function in my component.</p>
  
  <p>I m taling about the 2 scripts + the hidden div element :</p>
  
  <pre><code>&lt;script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" defer=""&gt;&lt;/script&gt;
  
  
  &lt;script type="text/javascript"&gt;
                       function googleTranslateElementInit() {
                       new google.translate.TranslateElement(
                       {
                         pageLanguage: 'ko',
                         includedLanguages: 'en',
                         layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT,
                         autoDisplay: false
                       },
                       'google_translate_element');}&lt;/script&gt;
  
  
  
  &lt;div class="hidden" id="google_translate_element"&gt;&lt;/div&gt;
  </code></pre>