0

AngularJsチュートリアルを実行します。ステップ4http://docs.angularjs.org/tutorial/step_04で、ハードコードされたSelectタグの代わりに、テストのためだけにJavaScriptオブジェクトを作成しました。

これは私がcontroller.jsに追加したjavascriptコードです

 $scope.sortOptions = [{
        "optionValue": "name",
        "desc": "Alphabetical"
    }, {
        "optionValue": "age",
        "desc": "Newest"
    }];

現在、$ scope.orderProp="age"は機能していません。（これは、selectのデフォルト値を設定することを想定しています）。ここで何が問題なのか知りたいです。

4

1 に答える 1

6

ng-optionsの属性を使用して、次のようにエントリ<select>を作成します。<option>

<select ng-model="orderProp" 
        ng-options="option.optionValue as option.desc for option in sortOptions">                        
</select>

にoption.optionValue as option.desc for option in sortOptions対応します：

  • 配列を反復処理し、sortOptions各項目をoption変数に割り当てます
  • それぞれのラベルを次のように設定し<option>ますoption.desc
  • それぞれの値を次のように設定し<option>ますoption.optionValue

詳細については、http ：//docs.angularjs.org/api/ng.directive：selectをご覧ください。

jsFiddle： http: //jsfiddle.net/bmleite/m6Z5Z/2/

于 2013-01-22T00:49:12.530 に答える