Как реализовать Google Auto Translate в angular приложении, избегая создания тегов сценариев в дом?

Question

Я ищу способ повторно использовать 2 сценария, предоставленные Google Translate, для реализации автоматического перевода в приложении 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>

Answer 1

Если вы участвуете в проекте Angular CLI (проект Angular с доступом из командной строки), вы можете использовать Node (команды npm) для установки Google Translate API. Вы можете следовать этому https://www.npmjs.com/package/google-translate. Он покажет вам, какие функции использовать без необходимости создавать несколько элементов. Я не уверен, что это точно отвечает на ваш вопрос, но я надеюсь, что это поможет.