angular下拉列表
2015-11-09 21:33
597 查看
<select class="col col-67" type="text" id="rate" ng-model="mortgage.rateType" ng-change="changeType()" > <option value="{{mortgage.rate*0.7 | number: 2}}" ng-selected="mortgage.rate*0.7 | number: 2">基准利率7折</option> <option value="{{mortgage.rate*0.75 | number: 2}}" ng-selected="mortgage.rate*0.75 | number: 2">基准利率7.5折</option> <option value="{{mortgage.rate | number: 2}}" ng-selected="mortgage.rate | number: 2" >基准利率--{{mortgage.rate | number: 2}}</option> </select>
这种无法指定默认值
以下是另一种方式
<select class="col col-67" type="text" id="rate" ng-model="mortgage.chooseRate" ng-change="changeType()" ng-options="obj.val as obj.name for obj in mortgage.rateType " >在CTRL中写法是
$scope.rate = 5.65; $scope.mortgage = { rateType: [ { name: '基准利率7折', val: ($scope.rate * 0.7).toFixed(2) }, { name: '基准利率7.5折', val: ($scope.rate * 0.75).toFixed(2) }, { name: '基准利率8折', val: ($scope.rate * 0.8).toFixed(2) }, { name: '基准利率8.3折', val: ($scope.rate * 0.83).toFixed(2) }, { name: '基准利率8.5折', val: ($scope.rate * 0.85).toFixed(2) }, { name: '基准利率8.8折', val: ($scope.rate * 0.88).toFixed(2) }, { name: '基准利率9折', val: ($scope.rate * 0.9).toFixed(2) }, { name: '基准利率9.5折', val: ($scope.rate * 0.95).toFixed(2) }, { name: '基准利率', val: $scope.rate }, { name: '基准利率1.05倍', val: ($scope.rate * 1.05).toFixed(2) }, { name: '基准利率1.1倍', val: ($scope.rate * 1.1).toFixed(2) }, { name: '基准利率1.2倍', val: ($scope.rate * 1.2).toFixed(2) }, { name: '基准利率1.3倍', val: ($scope.rate * 1.3).toFixed(2) } ] } $scope.mortgage.chooseRate = $scope.mortgage.rateType[8].val;
相关文章推荐
- 基于Angularjs的过滤与排序
- angularJs study
- AngularJS入门实例2——控制器的使用
- AngularJs权威教程 读书笔记
- AngularJS使用心得
- angularjs 添加loading
- angular 怎么上传文件啊
- angularJS中自定义验证指令中的 $parsers 和 $formatters
- 用angular做表单验证
- angularJS相关网址
- [Angular 2] Custom Validtors
- [Angular 2] The form export from NgFormControl
- AngularJs ngCloak、ngController、ngInit、ngModel
- ionic/angular中module探秘
- AngularJS入门实例1——绑定输入框
- (翻译)使用Spring,AngularJS和SockJS搭建Websocket服务
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(4)
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(3)
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(2)
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(1)