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;


發佈了34 篇原創文章 · 獲贊 1 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章