Update angular-controller-example

codeaholicguy · codeaholicguy · commit cb61dfd112a7 · 2015-10-29T10:22:17.000+07:00
diff --git a/angular-controller-example/app.js b/angular-controller-example/app.js
@@ -0,0 +1,18 @@
+/**
+ * Created by hoangnn on 29/10/2015.
+ */
+(function() {
+
+    var app = angular.module('Store', []);
+
+    app.controller('StoreController', function() {
+        this.product = tablet;
+    });
+
+    var tablet = {
+        name: 'iPad Air 2 64G',
+        price: 499,
+        description: 'The newest Apple iPad.'
+    }
+
+})();
diff --git a/angular-controller-example/index.html b/angular-controller-example/index.html
@@ -0,0 +1,24 @@
+<!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 ng-controller="StoreController as store">
+        <h1>{{store.product.name}}</h1>
+        <h2>$ {{store.product.price}}</h2>
+        <p>{{store.product.description}}</p>
+    </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>
