Угловой перевод не работает в кнопке, которая имеет другой компонент

StackOverflow https://stackoverflow.com//questions/25085954

  •  02-01-2020
  •  | 
  •  

Вопрос

Угловая перевод работает нормально для нескольких р, ч, и этикеток, используя формат 

<p translate>something</p>
.

Это здорово. Но я не могу получить его работать над кнопками, которые имеют другой угловой компонент на этой кнопке, специально угловые раскрывающиеся. На самом деле, когда я вставляю перевод в конец>, он нарушает всю страницу на странице нагрузки и никаких работ JavaScript. В консоли я получаю сообщение об ошибке: [$ Compile: Multidir] http://errors.angularjs.org/ 1.2.20 / $ Compile / Multidir (и т. Д., И т. Д.)

HTML является 

<div id="leftOfMap" class="floatingSection" data-ng-controller="languageController">
    <ul>
        <li class="leftOfMapItem"><button id="languageButton" dropdown-menu="ddMenuOptions" dropdown-model="ddMenuSelected" class="btn-menu">Language</button></li>
        <li class="leftOfMapItem" translate>BIKE PATHS</li>
    </ul>
</div>
.

Угловой контроллер для этой кнопки составляет 

residenceApp.controller('languageController', [ '$scope', 'changeLanguage',
function( $scope, changeLanguage ) {
var languageChoices = [
    {"text": "English", "val": "en"},
    {"text": "Espanol", "val": "es"}
];
$scope.ddMenuOptions = languageChoices;
$scope.ddMenuSelected = {};
$scope.$watch('ddMenuSelected', function(newVal) {
    if (newVal && newVal.text) {
        changeLanguage(newVal.val); //eg., changeLanguage(es);
        //changeLanguage() is the name of a factory service
    }
}, true);
}]);
.

Раскрывая кнопка работает, выбирает языки и происходит перевод. MyApp имеет конфигурацию, которое находится в документах угловых переводов - $ translateProvider.translations (). Опять же, проблема в том, что когда атрибут / инструкция / инструкция Translate находится на кнопке, она нарушает всю страницу на странице нагрузки. Я пытался привести $ переводить в вышеуказанный контроллер, но не мог его работать. Что нужно изменить?

Это было полезно?

Решение

Вы используете старую версию углового перевода, чем текущая версия на GitHub?Потому что если нет, это не правильный синтаксис для него.Используйте одно из следующих действий: 

<li class="leftOfMapItem" translate="BIKE PATHS"></li>
.

или: 

<li class="leftOfMapItem">{{ 'BIKE PATHS' | translate }}</li>
.

Обратите внимание на цитаты вокруг ключа перевода в выражении.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top