AngularJSのng-repeatを使った表示結果

サンプル1(ng-modelを使う場合)

ID:{{item.id}} , 名前:{{item.name}} , 年齢:{{item.age}}歳


何か入力してみて下さい。


[{"id":1,"name":"マイケル","age":29},{"id":2,"name":"ジョージ","age":18},{"id":3,"name":"ナンシー","age":24}]

サンプル2(ng-modelを使う場合。絞り込みの対象は年齢のみ)

ID:{{item.id}} , 名前:{{item.name}} , 年齢:{{item.age}}歳


何か入力してみて下さい。


[{"id":1,"name":"マイケル","age":29},{"id":2,"name":"ジョージ","age":18},{"id":3,"name":"ナンシー","age":24}]

サンプル3(ng-clickを使う場合)

ID:{{item.id}} , 名前:{{item.name}} , 年齢:{{item.age}}歳


年齢が20代の人
リセット

[{"id":1,"name":"マイケル","age":29},{"id":2,"name":"ジョージ","age":18},{"id":3,"name":"ナンシー","age":24}]