Subscribed unsubscribe Subscribe Subscribe

AngularJSでselectタグのプルダウンを表示する

https://docs.angularjs.org/api/ng/directive/ngOptions

ng-optionsで回すものを$scopeに設定する

$scope.repoNameArr = [
  'mobile',
  'static'
];

デフォルトで選択される値を設定する

$scope.selectedRepo = 'mobile';

テンプレートに記載

<select ng-model="selectedRepo" ng-options="repoName for repoName in repoNameArr">
</select>

f:id:keiwt:20150210123400p:plain

値の取得

コントローラー側では$scope.selectedRepoで選択した値にアクセスできます。

他にも以下のパターンがあります。

f:id:keiwt:20150210094843p:plain