Angular-Translate不在具有另一个组件的按钮中工作

Question

角度翻译适用于使用格式

的标签

<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有angular-translate的docs的配置文件 - $ translateprovider.ranslations（）类型的东西。同样，问题是，当转换属性/指令在按钮上时，它会在页面加载时打破整个页面。我尝试将$转化为上面的控制器，但无法让它工作。什么需要改变？

Answer 1

您是否使用旧版本的角度翻译，而不是GitHub上的当前版本？因为如果不是，那不是它的正确语法。使用以下选项之一：

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

.

或：

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

.

注意表达式中的翻译键周围的引号。