Durundal Google Переводчик

Question

Durundal Google Переводчик

0

Как связать 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');
        }

ineffable p 13 дек. 2013, в 07:02

Источник

Теги:

javascript

jquery

asp.net

knockout.js

durandal

2 ответа

1

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

Пример:

<div>
    <div data-bind="compose:'views/google_translate.html'"></div>
</div>

Brett Veenstra 13 дек. 2013, в 12:55

0

Мне нужно привязать идентификатор Div с помощью сценария Google Java
ineffable p 13 дек. 2013, в 19:35
0

Вы должны поместить свой скрипт в google_translate.html и запустить функцию внутри compositionComplete
Brett Veenstra 13 дек. 2013, в 19:54

Ещё вопросы

Мне нужно привязать идентификатор Div с помощью сценария Google Java
Вы должны поместить свой скрипт в google_translate.html и запустить функцию внутри compositionComplete

Erikas Pliauksta · Accepted Answer · 2013-12-15T00-05-00.000Z

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>