Code Log

プログラミングの勉強メモを残していきます。

AngularJS

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) {…

angularJS モデルをビューにデータバインディングするngBind

入力フォームに入力した文字を即時に他の要素に反映させるような処理をしてみます。 <html lang="ja" ng-app> <head> <meta charset="utf-8"> <title>ng-bind</title> <script src="./angular.js"></script> </head> <body> 名前:<input type="text" ng-model="name"> <p ng-bind="name"></p> </body> </html> 以下のように、書いた文字が下のp要素にバインドされます。

AngularJSとは

jQueryはあくまでもDOM操作をサポートするライブラリであり、アプリケーション規模が大きくなった際の問題を解決する術を持つわけではない。ブラウザ依存問題を解決するために、Adobe FlexやMicrosoft SilverlightなどのRich Internet Applicationと呼ばれる…