Step3との差分 絞込フォームの追加 <input ng-model="query"> ng-repeatへfilter:queryを追加 <ul> <li ng-repeat="phone in phones | filter:query"> {{phone.name}} <p>{{phone.snippet}}</p> </li> </ul> ソースを読むと何となく分かるのですが、 inputへ入力した文字で動的にリストの中身を検索して動的に表示をしています。 こんな感じでフォームに入力した文字列を探して表示を行います。 ソース全体 <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="utf-8"> </head> <body> <div class="container" ng-app="phonecatApp"> <div
![angular.jsをチュートリアルから学ぶ step3 Filtering Repeaters](https://cdn-ak-scissors.b.st-hatena.com/image/square/b91917bf50e27c6b2742a9ee1910cfdc7018e51c/height=288;version=1;width=512/https%3A%2F%2Fwww.laddy.info%2Fwp-content%2Fthemes%2Flionblog%2Fimg%2Fimg_no.gif)