Add builtin directives p2

codeaholicguy · codeaholicguy · commit f312041e2261 · 2015-11-10T19:21:10.000+07:00
diff --git a/angular-builtin-directive-p2/app.js b/angular-builtin-directive-p2/app.js
@@ -0,0 +1,33 @@
+/**
+ * Created by hoangnn on 29/10/2015.
+ */
+(function () {
+
+    var app = angular.module('Store', []);
+
+    app.controller('StoreController', function () {
+        this.products = products;
+    });
+
+    var products = [
+        {
+            name: 'Apple iPad Air 2 64G',
+            price: 499,
+            description: 'Apple iPad Air 2 ra mắt là chiếc máy tính bảng 9.7 inch mỏng và nhẹ nhất hiện nay',
+            inStock: true
+        },
+        {
+            name: 'Apple iPhone 6s',
+            price: 599,
+            description: 'Một bước ngoặt trong thiết kế của Apple  vừa tinh tế, vừa sang trọng và thời thượng và những cải tiến đáng giá',
+            inStock: false
+        },
+        {
+            name: 'Apple iPhone 6s Plus',
+            price: 699,
+            description: 'Một bước ngoặt trong thiết kế của Apple  vừa tinh tế, vừa sang trọng và thời thượng và những cải tiến đáng giá',
+            inStock: true
+        }
+    ]
+
+})();
diff --git a/angular-builtin-directive-p2/index.html b/angular-builtin-directive-p2/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html ng-app="Store">
+<head lang="en">
+    <meta charset="UTF-8">
+    <title>angular-controller-example</title>
+
+    <!-- Vendor -->
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
+          integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ=="
+          crossorigin="anonymous">
+</head>
+<body>
+
+<div class="container">
+    <div class="page-header"></div>
+    <div class="panel panel-default col-md-5" ng-controller="StoreController as store">
+        <div class="panel-body" ng-repeat="product in store.products">
+            <h1>{{product.name}}</h1>
+
+            <h2>$ {{product.price}}</h2>
+
+            <p>{{product.description}}</p>
+            <button class="btn btn-primary" ng-show="product.inStock">Thêm vào giỏ</button>
+        </div>
+    </div>
+</div>
+
+
+<!-- Vendor -->
+<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
+
+<!-- Application -->
+<script src="app.js"></script>
+</body>
+</html>
