AngularJS – Controller 介紹篇
繼續AngularJS的介紹，接下來我們看看controller的應用，以商品介紹的頁面為例，來看看這些資料要如何呈現在頁面上，想要呈現的資料有產品名稱、價格以及描述。
為了方便文章閱讀，本篇將application翻譯成應用程式；controller翻譯成控制器
控制器負責定義函數和值來決定整個應用程式的行為，同樣我們把Javascript和HTML分開來開發，在app.js內定義應用程式名稱和控制器的名稱、函數與值，在這次的案例中也提到利用(function(){})()包裝整個javascript是一種好習慣，有關於函式的基本觀念，大家可以閱讀一下這篇文章，介紹的還蠻詳細的！包裝部分的概念可參考其中介紹的立即函示（IIFE – Immediately Invoked Function Expression）。
定義好之後可以開始定義該控制器內的值，其中this.product=gem的意思是指未來在輸出時可以利用product.name去取得Dodecahedron；product.price去取得2.95…等等。
接下來就是把這些值顯示在網頁上，首先可以在div標籤內加上ng-controller=”StoreController as store”的屬性，其中ng-controller是去指定StoreController為該div內的控制器名稱；store是別名（類似綽號）未來呼叫store時就是在呼叫StoreController這個控制器。
在HTML標籤內開始輸出該控制器內的值，分別是：store.product.name、store.product.price、store.product.description三個項目，而在頁面上就會看到這三個值被顯示出來了。
需要注意的是，如果我們把輸出值部分的程式碼放在div外側的話，會沒有辦法順利的顯示值，因為我們的控制器是指定於div標籤內，離開了div標籤就無法取得該控制器了。
本篇的教學就到這邊，大家也可以透過JS Bin來測試或閱讀本次案例的程式碼。
<!DOCTYPE html>
<html ng-app="store">
<head>
<meta name="description" content="controllerExample">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<meta charset="utf-8">
<title>controllerExample</title>
</head>
<body>
<div ng-controller="StoreController as store">
<h1>{{ store.product.name }}</h1>
<h2>{{ store.product.price }}</h2>
<p>{{ store.product.description }}</p>
</div>
</body>
</html>
(function(){
var app = angular.module('store',[]);
app.controller('StoreController',function(){
this.product = item;
});
var item = {
name:"馬老師雲端研究室 滑鼠墊",
price:"350",
description:"有些人認為滑鼠墊就只是種簡單的產品。無非是將滑鼠放於上方並將之滑來拖去。 “表面”上來說確實如此（一語雙關）。但實際上，製造能帶來卓越遊戲體驗的滑鼠墊卻需要結合眾多科學、技術和工藝。身為遊戲滑鼠技術的世界領先者，對如何使滑鼠感測器高效運作我們獨樹一幟。運用專門知識來製造適合的滑鼠墊表面，讓滑鼠感測器得以作出高效而精確的反應。",
};
})();
※以上截圖部分為AngularJS官方教學視訊，另有控制器指令介紹的專頁。
Of course, your article is good enough, casino online but I thought it would be much better to see professional photos and videos together. There are articles and photos on these topics on my homepage, so please visit and share your opinions.
valsartan for sale online buy valsartan 160 mg online cheap cost valsartan 160 mg
have already been reading ur blog for a couple of days. really enjoy what you posted. btw i will be doing a report about this topic. do you happen to know any great websites or forums that I can find out more? thanks a lot.
Howdy, a helpful article for sure. Thank you.
what is the best college essay editing service
custom essays cheap
essay writing help for students
essay editing services
cheap custom essays
best custom essay website
Good job for bringing something important to the internet!
Hey, I simply hopped over to your website by way of StumbleUpon. No longer one thing I’d normally learn, but I preferred your thoughts none the less. Thanks for making one thing worth reading.
However, it is virtually all done with tongues rooted solidly in cheeks, and everyone has absolutely nothing but absolutely love for his or her friendly neighborhood scapegoat. The truth is, he is not just a pushover. He is basically that special variety of person strong enough to take all of that good natured ribbing for exactly what it is.
This is a great blog. Thank you for the very informative post.
order custom essays
cheap essay writing service usa
online essay writing service review
medical school essay service
customized essays
essay writers toronto
write my college essay
online essay writers
academic essay writer
argumentative essay helper
buy cheap essay
national honor society essay help
write my essay please
buy cheap essays online
academic custom essays
custom essay service toronto
essay help live chat
fast custom essays
I believe this web site has some really wonderful info for everyone : D.
I found your blog through google and I must say, this is probably one of the best well prepared articles I have come across in a long time. I have bookmarked your site for more posts.
This is definitely a wonderful webpage, thanks a lot..
Your thing regarding creating will be practically nothing in short supply of awesome. This informative article is incredibly useful and contains offered myself a better solution to be able to my own issues. Which can be the specific purpose MY PARTNER AND I has been doing a search online. I am advocating this informative article with a good friend. I know they are going to get the write-up since beneficial as i would. Yet again many thanks.
how to be a good essay writer
argumentative essay help
order custom essay
write my essay for me cheap
help with an essay
essay writing help
diovan without prescription valsartan 80 mg brand valsartan 80 mg drug
Wow, amazing blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your site is wonderful, let alone the content!
best online essay editing service
top essay writing service
can you write my essay for me
custom essay writing toronto
best custom essay service
i need help writing a descriptive essay
I would really like to appreciate the endeavors you cash in on written this article. I’m going for the similar best product from you finding out in the foreseeable future as well. Actually your creative writing abilities has urged me to begin my very own blog now. Genuinely the blogging is distributing its wings rapidly. Your write down is often a fine illustration showing it.
I am glad to be a visitor on this website!, regards for this rare information!
essay writing on customer service
college admission essay writing service
best website to buy essays
help writing essays for college
discount essay writing service
academic essay writers