可以't从angular translate获得$translate服务以更改ngDropdowns的下拉数组

Can't get $translate service from angular-translate to change dropdown array for ngDropdowns

本文关键字：translate ngDropdowns 数组 服务 获得 angular 可以      更新时间：2023-09-26

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在硬编码时选择正确的数组，但在从$translation中获取语言字符串的变量时不选择。

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

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，但它本身没有任何影响。

我开始怀疑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必须在函数内部。但它是有效的，而且非常简单。

相关文章：