AngularJS ng-options设置默认选择值

时间:2017-04-13 06:24:56

标签: javascript angularjs

app.factory("ParentsFactory", function ($http) {

    return $http.get("/home/parents");
})

ParentsFactory.then(function (data) {
    $scope.Parents = data.data;
});

<select class="form-control" ng-model="modelparent"> <option value="{{parent.ParentID}}" ng-selected="{{parent.ParentID==2}}" ng-repeat="parent in Parents">{{parent.DocumentNo}} - {{parent.FullName}}</option> </select>

1 个答案:

答案 0 :(得分:0)

从ng-selected中删除插值大括号{{}}并尝试:

<select class="form-control" ng-model="modelparent">
                            <option value="{{parent.ParentID}}" ng-repeat="parent in Parents"  ng-selected="parent.ParentID==2">{{parent.DocumentNo}} -  {{parent.FullName}}</option>
                        </select>

修改

根据您的数据,我编辑了我的答案:

var app=angular.module("app",[]);
 app.controller('Ctrl',['$scope',Ctrl]);
 
function Ctrl($scope){
$scope.modelparent = "1";
    $scope.Parents = [{ "ParentID": 1, "FullName": "Jack", "BirthDate": "/Date(631137600000)/", "BirthPalace": 1, "DocumentType": 1, "DocumentNo": "P544123", "AddDate": "/Date(1483300800000)/", "UpdateDate": null, "LastLoginDate": null }, 
    { "ParentID": 2, "FullName": "Ammanda", "BirthDate": "/Date(631137600000)/", "BirthPalace": 1, "DocumentType": 1, "DocumentNo": "P5441234", "AddDate": "/Date(1483300800000)/", "UpdateDate": null, "LastLoginDate": null }]
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-controller="Ctrl" ng-app="app">
{{Abc}}
<select class="form-control" ng-model="modelparent">
                                <option value="{{parent.ParentID}}" ng-repeat="parent in Parents">{{parent.DocumentNo}} {{parent.FullName}}</option>
                            </select>
</div>