Angular如果条件不适用于状态

时间:2017-02-16 11:04:26

标签: javascript angularjs ionic-framework angular-translate

我在Ionic应用程序中使用角度翻译,并且根据下拉列表中选择的语言,需要加载不同的状态。

主控制器:

.controller('mainCtrl', function ($scope, $state, $translate) {
  var ctrl = this;
  ctrl.language = 'kn';
  ctrl.languages = ['kn', 'en'];

  ctrl.updateLanguage = function () {
    $translate.use(ctrl.language);
  };

  $scope.lang = function () {
    if (ctrl.language = 'kn') {
      $state.go('knmenu', {}, { location: "replace", reload: true });
    } else($translate.use(ctrl.language)) {
      $state.go('menu', {}, { location: "replace", reload: true });
    }
  }

main.html中:

<div ng-controller="mainCtrl as ctrl">
  <button
    class="button button-block button-balanced"
    ng-click="lang()"
  >
    {{ 'TITLE' | translate }}
  </button>
  <select
    ng-options="language | translate for language in ctrl.languages"
    ng-model="ctrl.language"
    ng-change="ctrl.updateLanguage()"
  ></select>
</div>

2 个答案:

答案 0 :(得分:0)

如果我能理解你基于值的问题首先选择你要填充第二个选择框的框。以下的Plunker将解决您的问题

plunker link http://plnkr.co/edit/nND1iw7unDnelGQ3EtnA?p=preview

答案 1 :(得分:0)

在条件检查中if (ctrl.language = 'kn')这始终是真的,它应该是if (ctrl.language == 'kn')我想这就是问题所在。希望这会有所帮助。