angular下拉列表

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值