javascript - バインド変数をhtmlタグプロパティに割り当てるangularjs

Question

私は公式のangularjsWebサイトにあるAngularjsのtutsとドキュメントを調べています。

ここでは、このように注文用の選択ボックスを追加します

  <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}}"ません。誰かが私を案内してくれますか？

Answer 1

select間違った方法で使用しています：

<select ng-model="orderProp" 
    ng-options="orderby.criteria as orderby.property for orderby in orderProperties">
</select>

http://docs.angularjs.org/api/ng.directive:select

Answer 2

を使用ng-optionして、selectにデータを入力する必要があります。