angularjs分配綁定變量的HTML標記屬性

Question

我經歷的Angularjs tuts and docs given in the official angularjs website.

在這裏，我們增加一個選擇框的排序，這樣

<select ng-model="orderProp"> 
    <option value="name">Alphabetical</option> 
    <option value="age">Newest</option> 
    </select> 

，並在控制器中，我們給$scope.orderProp = "age"此工作正常， '最新'將是默認選擇選項。

然後我試着把訂單項放到一個模型上，然後用ng-repeat填充選擇框。

<select ng-model="orderProp"> 
    <option ng-repeat="orderby in orderProperties" value="{{orderby.criteria}}">{{orderby.property}}</option> 
    </select> 

其中：

orderProp模式是：

function PhoneListCtrl($scope){ 

    $(document).ready($scope.orderProp = "age"); 

     $scope.orderProperties = [ 
      {"property":"Alphabetical","criteria":"name"}, 
      {"property":"Newest","criteria":"age"} 
     ]; 
} 

在DOM我可以看到value="name"和value="age"。但是這次默認值沒有設置爲「最新」。我不明白爲什麼硬編碼value="age"正在工作，而value="{{orderby.criteria}}"不是。任何人都可以請指導我通過。