请参阅以下小提琴http://jsfiddle.net/nq1eyj1v/117/
有谁能帮助您将默认选项值设置为“选择”(Select)?
HTML:
<div ng-app="myApp" ng-controller="MyCtrl">
<div class="col-xs-12">
<label class="col-xs-6 control-label">Type:</label>
<div class="col-xs-6">
<select name="type" ng-model="payment.type" ng-dropdown required ng-change="changeme()" >
<option ng-option value="Default">Select</option>
<option ng-option value="Cash">Cash</option>
<option ng-option value="Check">Check</option>
<option ng-option value="Money Order">Money Order</option>
</select>
</div>
</div>
<div class="col-xs-12" ng-if="payment.type == 'Cash'">
11111111111111
</div>
<div class="col-xs-12" ng-if="payment.type == 'Check'">
22222222222
</div>
<div class="col-xs-12" ng-if="payment.type == 'Money Order'">
3333333333333
</div>
</div>
我替换了options
using ng-options
。
的HTML
<div ng-app="myApp" ng-controller="MyCtrl">
<div class="col-xs-12">
<label class="col-xs-6 control-label">Type:</label>
<div class="col-xs-6">
<select name="type" ng-model="payment"
ng-dropdown required
ng-change="changeme()"
ng-options="option.type for option in options">
</select>
</div>
</div>
<div class="col-xs-12" ng-if="payment.type == 'Cash'">
11111111111111
</div>
<div class="col-xs-12" ng-if="payment.type == 'Check'">
22222222222
</div>
<div class="col-xs-12" ng-if="payment.type == 'Money Order'">
3333333333333
</div>
</div>
</div>
JS
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.options = [
{ type: 'Select' },
{ type: 'Cash' },
{ type: 'Check' },
{ type: 'Money Order' }
];
$scope.payment = $scope.options[0];
}
正如你所看到的,我初始化$scope.payment.type
值'Select'
由分配给它的第一个$scope.options
值。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句