AngularJSではselect要素による選択フィールドもスコープ変数にバインドすることが出来る。その際、option要素の代わりに ng-options属性で選択肢を提供するための書式を解説する。 Tweet 2014年3月29日 嶋田大貴 ng-options属性の書式は一見独特で最初はわかりにくいので、具体的な例をいくつか挙げることで理解の助けにしてもらおうと思う。 公式ドキュメント: AngularJS: API: select 数値や文字列などの配列から選択させる 配列にプリミティブな値が直接格納されており、選択肢のラベル=バインドされる値で構わない場合には一番シンプルな記述となる。 JavaScript $scope.years = [2010,2011,2012,2013,2014]; $scope.selectedYear = 2014; HTML <select ng-
![AngularJSでselect要素にoptionをぶら下げる色々な方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/b5aefc4601516e859378d791d23411df41de7bd3/height=288;version=1;width=512/https%3A%2F%2Fwww.walbrix.co.jp%2Fuser%2Fpages%2F04.article%2Fangularjs-select-options%2Fangularjs.png)