オブジェクトに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。確認してお知らせください。