奇怪的行为选择和$ stateParams

时间:2016-03-21 09:32:56

标签: javascript angularjs select angular-ui

所以我有一个带有一些参数的简单的角度ui路线,我想通过选择一个选择字段来改变这个参数以及路线。

问题: 路线工作正常,它会更改为正确的参数,但选择不会更改为所选的选项。

这是一个有用的 Plunkr ,如果您单击“搜索”链接然后更改选择字段,您会注意到,范围会更改,但不会更改所选选项。

控制器:

.controller('SearchCtrl', ['$scope', '$state', '$stateParams', function ($scope, $state, $stateParams) { 
  $scope.data = {
      pageSizes: [12, 24, 48],
      pageSize: $stateParams.size,
      goSearch: {}
    };

  $scope.data.goSearch = function () {
    $state.go('search', {size: $scope.data.pageSize});
  }

}]);

选择

<select name="pageSizes" id="pageSizes" ng-model="data.pageSize" ng-change="data.goSearch()" class="form-control">
     <option ng-repeat="label in data.pageSizes" value="{{label}}">{{label}}</option>
</select>

请查看Plunkr以了解其余代码。

1 个答案:

答案 0 :(得分:0)

我需要将pod 'MagicalRecord', :git => 'https://github.com/magicalpanda/MagicalRecord.git', :tag => 'v2.3.3' 更改为value或升级到AngularJs 1.4.6,以解决此问题https://github.com/angular/angular.js/issues/12005