【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>

以上です