Дюрундаль Гугл Переводчик

Как привязать Google переводчик к Durundal Shell.js, shell.html?

HTML

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

сценарий

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

  function googleTranslateElementInit() {
            new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: false }, 'google_translate_element');
        }

javascript jquery asp.net knockout.js durandal
person ineffable p    schedule 13.12.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Durandal не отображает теги сценариев в представлениях. Чтобы отобразить их, вы должны использовать отключающие пользовательские привязки:

ko.bindingHandlers.googleTranslate = {
  update: function( element, valueAccessor, allBindingsAccessor, viewModel, bindingContext){
    var googleElement = valueAccessor();
    $(element).html('<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script>function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: "en", autoDisplay: false }, " + 'googleElement' + ");}</script>');
  }
};

Используйте его в своем shell.html:

<div id="google_translate_element"></div>
<div data-bind="googleTranslate:'google_translate_element'"></div>
person Erikas Pliauksta    schedule 15.12.2013

arrow_upward
1
arrow_downward

См. функциональность композиции Durandal: http://durandaljs.com/documentation/Using-Composition/.

Пример:

<div>
    <div data-bind="compose:'views/google_translate.html'"></div>
</div>
person Brett Veenstra    schedule 13.12.2013
comment
вы должны поместить свой скрипт в google_translate.html и запустить функцию внутри compositionComplete - person Brett Veenstra; 13.12.2013