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官方教學視訊，另有控制器指令介紹的專頁。
Nine Things That Your Parent Taught You About Upvc Window Repairs Upvc Window Repairs
What’s The Most Creative Thing That Are Happening With 3 Bunk Bed Double And Single Bunk Beds
Kylian Mbappe Lotten https://kylian-mbappe.prostoprosport-cz.org Francouzsky fotbalista, utocnik Paris Saint-Germain a kapitan tymu francouzskeho tymu. 1. cervence 2024 se stane hracem spanelskeho klubu Real Madrid.
A Brief History Of Car Accident Lawyer In 10 Milestones Attorney
Erling Breut Haaland https://erling-haaland.prostoprosport-cz.org je norsky fotbalista, ktery hraje jako utocnik za Anglicky klub Manchester City a norska reprezentace. Rekordman anglicke Premier League v poctu golu za sezonu.
Introduction To The Intermediate Guide On Upvc
Windows Repair 257634.xyz
Jude Victor William Bellingham https://jude-bellingham.prostoprosport-cz.org anglicky fotbalista, zaloznik spanelskeho klubu Real Madrid a anglicky narodni tym. V dubnu 2024 ziskal cenu za prulom roku z Laureus World Sports Awards. Stal se prvnim fotbalistou, ktery ji obdrzel.
It’s The Complete Guide To Window Repairs http://www.257634.xyz
Edson Arantes do Nascimento https://pele.prostoprosport-br.com Brazilian footballer, forward (attacking midfielder. Played for Santos clubs) and New York Cosmos. Played 92 matches and scored 77 goals for the Brazilian national team.
The 12 Worst Types ADHD Diagnosis Tweets You Follow private adhd Diagnosis wales
10 Things People Get Wrong About The Word “Smeg Coffee Machine.” 4182051.xyz
See What Double Glazing Repairs Near Me Tricks The Celebs Are
Utilizing double glazing repairs near me
Neymar da Silva Santos Junior https://neymar.prostoprosport-br.com e um futebolista brasileiro que atua como atacante, ponta e atacante. meio-campista do clube saudita Al-Hilal e da selecao brasileira. Considerado um dos melhores jogadores do mundo. O maior artilheiro da historia da Selecao Brasileira.
How To Choose The Right Upvc Repairs Near Me On The Internet Window repair Near me
Thomas Mueller https://thomasmueller.prostoprosport-br.com is a German football player who plays for the German Bayern Munich. Can play in different positions – striker, attacking midfielder. The most titled German footballer in history
Wow, this was a really enlightening and detailed post on the sphere of
blockchain-based gambling establishments ! As someone
who’s been examining the world of electronic asset-based
gaming , I really applaud you examining all the essential attributes – from the
outstanding virtual betting houses with bountiful bonuses and VIP
offerings, to the emergence of confidential selections for greater
secrecy . It’s great to see how this field
is endlessly evolving to meet the needs of the burgeoning need .
I applaud for putting together such a meticulous and insightful material – it’s precisely the
style of data I was wanting to explore the
captivating blockchain-based wagering platform ecosystem .
Thank you again !
Feel free to surf to my webpage Cryptocurrency casino
Five Killer Quora Answers To Window Repair Near Me Window repair near me
Where Are You Going To Find Treadmill Foldable Be 1 Year From Now?
zackfoxworth.top
Roberto Carlos da Silva Rocha https://roberto-carlos.prostoprosport-br.com Brazilian footballer, left back. He was also capable of playing as both a central defender and a defensive midfielder. World champion 2002, silver medalist at the 1998 World Championships.
9 Things Your Parents Taught You About Veterans Disability Lawyer Veterans Disability Lawyer
5 Killer Quora Answers To Window Doctor Near
Me window doctor near me (m.cn.sebs.kr)
Romelu Menama Lukaku Bolingoli https://romelulukaku.prostoprosport-br.com Futebolista belga, atacante do clube ingles Chelsea e da selecao belga . Por emprestimo, ele joga pelo clube italiano Roma.
You’ll Never Be Able To Figure Out This Best Online Shopping Sites
Clothes’s Tricks best online shopping sites clothes
Why Do So Many People Want To Know About Auto Accident Lawyers?
auto accident lawsuits (Laurence)
What Experts On Mesothelioma Law Want You To Learn Mesothelioma Case
Where Are You Going To Find Adhd Assessments For Adults 1 Year From Now?
Where To Get Assessed For Adhd
What’s The Current Job Market For Which Is
The Best Online Supermarket Professionals? Which is the Best online supermarket
How You Can Use A Weekly Double Glazed Windows Near Me Project Can Change Your Life Replacement Double Glazing Windows
See What Online Shopping Stores In London Tricks The Celebs Are Using online shopping stores in london (Monserrate)
Five Window Companies Luton Lessons From The Pros window lock repairs near me; Twyla,