とりあえず、メモとして。一番の目的はcontrollerを作る際の書き方を忘れそうだから。何回か書けば覚えると思うのだけど、まぁそのうちの一回として。
休みになったので、気になっていたcode schoolのShaping up with Angular.jsやってみたら、かなり内容が良くて満足してる！
app.js
(function(){
var app = angular.module('store', []);
app.controller('StoreController', function() {
this.products = gems;
});
var gems = [
{
name: 'Dodechedron',
price: 2.95,
description: 'Some gems have hidden qualities beyond their luster, beyond their shine... Dodeca is one of those gems.',
canPurchase: false,
soldOut: false
},
{
name: 'Pentagonal Gem',
price: 3.95,
description: 'Some gems have hidden qualities beyond their luster, beyond their shine... Dodeca is one of those gems.',
canPurchase: true,
soldOut: false
},
];
})();
index.html
<!DOCTYPE html>
<html ng-app="store">
<head>
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
</head>
<body>
<div ng-controller="StoreController as store">
<div ng-repeat="product in store.products" ng-hide="product.soldOut">
<h1> {{product.name}} </h1>
<h2> ${{product.price}} </h2>
<p> {{product.description}}</p>
<button ng-show="product.canPurchase"> Add to Cart</button>
</div>
</div>
<script type="text/javascript" src="angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>
