| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
- 안드로이드 기본
- Rails
- 기트
- Rails Guide
- 몽고디비 설치
- 패키지 컨트롤
- 워드랩
- 안드로이드 기초
- 비트버켓
- subl
- Ruby on Rails
- MySQL
- 기트허브
- RoR
- Rails 설치
- php nginx mysql
- 서브라임
- 레일즈
- Package Control
- 이크립스 줄바꿈
- 안드로이드
- Sublime Text 2
- 레일즈 설치
- 레일즈 가이드
- php7
- android
- 서버 구성
- Sublime
- 윈도우7 관리자
- Rails Tutorial
- Today
- Total
김관덕 (새 블로그로 이전)
Angular.js 본문
/
-- index.html
/js
== controllers
-- MainController.js
== vendor
-- angular.min.js
-- app.js
/css
app.js
var app = angular.module("PizzaPlanerApp", []);
MainController.js
app.controller('MainController', ['$scope', function($scope) {
$scope.today = new Date();
$scope.appetizers = [
{
name: 'Caprese',
description: 'Mozzarella, tomatoes, basil, balsmaic glaze.',
price: 4.95
},
{
name: 'Mozzarella Sticks',
description: 'Served with marinara sauce.',
price: 3.95
}
];
}]);
index.html
<body ng-app="PizzaPlanetApp">
<div class="header">
<h1><span>Pizza</span><span>Planet</span></h1>
</div>
<div class="main" ng-controller="MainController">
<div class="container">
<h1>Specials for {{ today | date }}</h1>
<h2>Appetizers</h2>
<div ng-repeat="appetizer in appetizers" class="appetizers row">
<div class="item col-md-9">
<h3 class="name">{{ appetizer.name }} </h3>
<p class="description">{{ appetizer.description }} </p>
</div>
<div class="price col-md-3">
<p class="price">{{ appetizer.price | currency }} </p>
</div>
</div>
</div>
</div>
<div class="footer">
</div>
<!-- Modules -->
<script src="js/app.js"></script>
<!-- Controllers -->
<script src="js/controllers/MainController.js"></script>
</body>
<div class="main" ng-controller="MainController">
<div class="container">
<div class="row" ng-repeat="exercise in exercises">
<div class="exercise-icon col-xs-2"><img src="{{ exercise.icon }}"> </div>
<div class="col-xs-6">
<p class="exercise-name"> {{ exercise.name }}</p>
</div>
<div class="col-xs-4 counters">
<span ng-click="decrease($index)" class="decrease">-</span>
<span class="count"> {{ exercise.count }} </span>
<span ng-click="increase($index)" class="increase">+</span>
</div>
</div>
</div>
</div>