システムエンジニアの徒然日記

PHPとJavaScriptとJAVA以外も愛していく

MonacaでAngularJSが利用できるので、ng-repeatの使い方を調べた

   


Monacaには標準?でAngularJSがプラグインとしてインストールされています。
折角あるんだから、機能をしっかり利用ししようかと思います。

AngularJSのng-repeat

設定した値をfor文のように回してくれるものです。
リスト表示やセレクト、ラジオなどに便利かと思います。

ラジオに利用してみた

ng-initで、ng-repeatで利用する値を設定しています。
ng-repeatで、後は回して表示してあげるだけです。

AngularJSのng-controller

ng-controllerで設定した値で表示させたかったので調べてました。

controllerの設定

costomer_datasはDBから値を取得や配列として値を設定などすればいけます。

ng-repeatによる表示

まとめ

ng-repeatを利用することで、DBから値を取得したものを一覧表示や選択項目の設定が楽になりました。
AngularJSはまだ使い慣れていないので変なところもありますが、これから覚えていこうかと思います。

 - AngularJS, JavaScript, Monaca , , ,