AngularJSアプリケーション開発ガイド

10

1

章 イントロダクション

リックの際に呼び出されるのは

remove()

関数です。

ng-repeat

の中での繰り返しのインデックス

を表す

$index

の値を渡すことによって、どの商品を削除するべきか伝えています。

function CartController($scope) {

ショッピングカートのロジックを受け持っているのが

CartController

です。ここで指定され

ている

$scope

は、

AngularJS

から渡されます。この

$scope

によって、データが

UI

上の要素に関

連付けられます。

$scope.items = [

{title: "

ペイントポット

", quantity: 8, price: 3.95},

{title: "

ポルカドット

", quantity: 17, price: 12.95},

{title: "

ペブル

", quantity: 5, price: 6.95}

];

$scope.items

には、カート内の商品を表すダミーのデータの配列が定義されています。

UI

と

のデータバインディングを可能にするために、このデータを

$scope

にセットしています。

もちろん、実際のショッピングアプリケーションはブラウザ上だけでは実現できません。適切な

永続化のためには、サーバとの通信も必要です。これについては

5

章で解説します。

$scope.remove = function(index) {

$scope.items.splice(index, 1);

}

remove()

関数に