2016-07-01から1ヶ月間の記事一覧

AngularJSでng-repeatとfilterを併用してテキストを絞り込むインクリメンタル検索を実装

searchTextという属性は、検索ボックスにテキストが入力されるたびにデータが変更されます。 ng-repeatのmemberの値をsearchTextでfilterをかけるため、テキストボックスに文字列が入力されるたびに動的に中身がフィルタリングされたデータになります。○HTML <div ng-controller="MainCtrl"></div>…

AngularJSで繰り返し処理を実装する

ng-repeatを使ってみる ng-repeatを使えば繰り返しを簡単に実装できます。 リストの繰り返し処理や絞込みに使われることが多いです。○HTML <div ng-controller="MainCtrl"> <ul ng-repeat="name in names"> <li>{{name}}</li> </ul> </div> ○JavaScript var app = angular.module('myApp', []); app.controller('MainCtrl', function($scope) {…