angularjs - 如何将 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

工作计划

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

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

更新：

这是更新的 plnkr。请检查并让我知道。