如何对对象使用 ng-init？

Question

我有一个下拉菜单，其值是一个对象。 html代码如下

<div class="form-group">  
    <label>Goal<span class="red-ast">*</span></label><br />   
    <select ng-change="setgoal(goals)" ng-model="goals" ng-init="goals={{oldGoal}}" class="form-control b-rad3">      
    <option ng-repeat="goal in allgoals" value="{{goal}}">{{goal.title}}</option>    
    </select>    
</div>

控制器代码如下：

$scope.allgoals = [
    0 => {
        title : "ABC",
        icon : "icon1.jpg",
        id : 01
    },
    1 => {
        title : "DEF",
        icon : "icon2.jpg",
        id : 02
    },
    2 => {
        title : "GHI",
        icon : "icon3.jpg",
        id : 03
    }

]

$scope.oldGoal = {
        title : "DEF",
        icon : "icon2.jpg",
        id : 02
    };

它将向我显示 ABC、DEF、GHI 的下拉列表。很好，但我希望在下拉列表中预选 DEF。如果我这样做会给我一些解析错误。不对的地方请指正

Answer 1

Working Plnkr

只需使用ng-selected="c.title==oldGoal.title".

<option ng-selected="c.title==oldGoal.title" ng-repeat="c in allgoals">{{c.title}}</option>

更新：

Here is the updated plnkr。请检查并告诉我。

如何对对象使用 ng-init？

How to use ng-init with an object?

angularjs

angularjs-ng-repeat

angularjs-ng-init