0

angular-translate 正在努力改变我的 HTML。我有一组 ngDropdown 按钮指令的选择项，也必须更改。更改语言后，我尝试使用 translate.use() 获取新的/当前语言。有些东西不行。

这是HTML

<div id="postBox" class="floatingSection" data-ng-controller="postButtonController2">
  <button id="postButton" dropdown-menu="ddMenuOptions" dropdown-model="ddMenuSelected" class="btn-menu" ng-click="getCurrentLanguage()">{{ 'POST' | translate }}</button>
</div>

这是该 postButton 的控制器。它应该从 $translate 获取新的/当前语言并使用该字符串来获取下拉选择数组，ddSelections.withLangChoice $scope.getCurrentLanguage 在硬编码时选择正确的数组，但在从 $translate 获取语言字符串的变量时不会。

这是带有下拉菜单的按钮的控制器。注释在多行中描述了有效的东西和无效的东西。

residenceApp.controller('postButtonController2', ['$translate', '$scope', 'changePostDdFactory',
function ( $translate, $scope, ddSelections ){
//ddSelections is the result object from the function returned by changePostDdFactory
  $scope.getCurrentLanguage = function( $translate ){
    alert('here I am in postButtonController2'); //fires on post button clicks and on page load
    alert('here I am in postButtonController2' + $translate.use()); //does not fire on post button clicks. fires on page load
    $scope.langKey=$translate.use(); //gets langKey in $translate on page load only
    $translate.refresh($scope.langKey);//should refresh the translation, but nothing
    alert('from postButtonController2 - currentLanguage is' + ' ' + $translate.use() ); //does not fire on button click. fires on page load
    //return 'es'; //hardcoded works on page load & sets ddSelections.withLangChoice to es array
    return $translate.use(); //sets language for ddSelections on page load, no language changes
};
$scope.ddMenuOptions = ddSelections.withLangChoice($scope.getCurrentLanguage($translate)); //works on page load, no language change occurs
$scope.ddMenuSelected = {};
//working code to watch for change from user selection
}]);

我是新手，但 $translate 服务不应该在控制器中工作。假设这是真的，必须改变什么才能让改变发生。我最近在按钮的 HTML 中添加了 ng-click，但它本身没有任何影响。

4

1 回答 1

0

我开始怀疑 OP 中的 2d 到最后一行没有执行。执行之前的行，执行之后的行，但它周围的 alerts() 很奇怪。所以我把那条线放在函数中，它起作用了。这是修改后的工作代码。

residenceApp.controller('postButtonController2', ['$translate', '$scope',  'changePostDdFactory',
function ( $translate, $scope, ddSelections ){
  var ddSelections;
  //ddSelections is the result object from the function returned by changePostDdFactory
  $scope.getCurrentLanguage = function(){
  $scope.langKey=$translate.use(); //use() as a getter
  $scope.ddMenuOptions = ddSelections.withLangChoice($scope.langKey);
  return;
};
$scope.ddMenuSelected = {};
//code to watch for change from user selection
}]);

我仍然对为什么 $scope.getCurrentLanguage 只能用作匿名函数以及为什么 $scope.ddMenuOptions 必须在函数内部感到困惑。但它有效，而且非常简单。

于 2014-09-16T17:22:52.690 回答