【angularjs】セレクトボックス(プルダウン)の使い方メモ
angularjs使うときはまたやりそうなのでメモしておく
まず、配列はどこかに一箇所に定義しておく
angular.module('myApp') .value('define', { 'area': { 1: '北海道', 2: '東北', 3: '関東', ・・・ }, });
テンプレートから参照できるようにコントローラで $scopeにいれる
angular.module('myApp') .controller('SampleCtrl', function(define) { $scope.areas = define.area; });
テンプレートで select box を作る
<select ng-model="user.area" ng-options="k as v for (k, v) in areas"></select>
これでもいける
<select ng-model="user.area"> <option value="">選択して下さい</option> <option ng-repeat="(k, v) in areas" value="{{k}}">{{v}}</option> </select>
以上です