angular下拉列表

来源：互联网发布：淘宝给差评被骚扰编辑：程序博客网时间：2024/06/06 02:38

<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;

1 0