AngularJSのng-repeatを使ってラジオボタンを作成 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまでスクリプト内にラジオボタンに表示するラベル名と値を定義し、ng-repeatを使ってラジオボタンを作成する方法をまとめました。 デモとコードサンプルはこちら。 ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．$parent属性を使用する方法 ２．JavaScriptのプロトタイプ継承使って設定 ３．ラジオボタンのng-change属性の使用例 スクリプト内に定義した$scope.prefsの配列データをng-repeatを使ってラジオボタンを生成する例を下記に示します。 <div class="radio" ng-repeat="item in prefs"> <label> <input type="radio" ng-model="$parent.selectedPref" value="{{item.id}}">{{item.name}} </label> </di
