如何使用angularjs设置下拉默认值

请参阅下面的提琴

任何人都可以帮助如何将默认选项值设置为“选择”吗 选择加载

HTML:

类型：
挑选
现金
检查
汇票
11111111111111
22222222222
3333333333333

非常简单。只需在选项中添加空值

<option value="">Select</option> 

---

小提琴：

您必须设置

付款。在控制器中键入
至
“默认值”

myApp.controller( 'MyCtrl', function( $scope, ...) {
    $scope.payment = ...;
    $scope.payment.type = "Default";
    ...
}

我已经更新了你的JSFIDLE

我使用
ng选项替换了
选项

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>

如您所见，我将
$scope.payment.type
值初始化为
'Select'
，方法是将第一个
$scope.options
值指定给它

function MyCtrl($scope) {

$scope.payment.type="Default";
// payment.type = 'Check' ;
// $scope.changeme = function() {
// alert('here');

 }

通过此修改js代码
只需更改

<option ng-option value="Default">Select</option>

选择

到

选择

var-app=angular.module（'MyApp'，[]）
app.controller（'MyController'，函数（$scope）{
$scope.payments=[{
Id:0，
名称：“选择”
}, {
Id:1，
姓名：“现金”
},{
Id:2，
姓名：'支票'
},{
Id:3，
名称：“汇票”
}];
});

使用已选择的ng和付款id

{{payment.Name}


使用已选择的ng和付款名称

{{payment.Name}
以下代码设置下拉列表的默认值
在Html中：
挑选
现金
检查
汇票
在角度控制器中：
$scope.payment.type='Default'；
$scope.payment={type:'Cash'}
这将为您提供现金作为默认选择值。在控制器中-
$scope.payment.type='default'如果我在控制器上设置，默认值为加载，但我的选择选项更改不起作用。如果内容未加载，则更改选项ng。有什么线索吗？请将此行选择更改为此选择：如果我在控制器上设置了pIf，默认值为加载，但我的选择选项更改不起作用。如果内容未加载，则更改选项ng。有什么线索吗？我已经更新了你的提琴，效果很好：你没有使用正确的语法来声明你的控制器。为此，最好使用angular ng选项。我只使用ng选项，但如何检查我的div上“ng if”中的选项值以显示或隐藏？如果你对答案感到满意，别忘了向上投票，然后选择它作为答案。好吧，但是我们如何在不同值的变化上显示不同的容器呢？您在默认情况下更新的FIDLE select正在通过显示不同div内容不工作的更改获取。。。！！
myApp.controller( 'MyCtrl', function( $scope, ...) {
    $scope.payment = ...;
    $scope.payment.type = "Default";
    ...
}

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

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.options = [
        { type: 'Select' },
        { type: 'Cash' },
        { type: 'Check' },
        { type: 'Money Order' }
    ];

    $scope.payment = $scope.options[0];
}

function MyCtrl($scope) {

$scope.payment.type="Default";
// payment.type = 'Check' ;
// $scope.changeme = function() {
// alert('here');

 }

<option ng-option value="Default">Select</option>

<option ng-option value="">Select</option>

Following code set the default value of dropdown

In Html:
<select name="type" ng-model="payment.type" ng-dropdown required >
    <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>


In angular controller:

$scope.payment.type = 'Default';