您的位置:首页 > Web前端 > AngularJS

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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: