所以我有一个带有一些参数的简单的角度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以了解其余代码。
答案 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