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官方教學視訊，另有控制器指令介紹的專頁。
интересный бизнес biznes-idei13.ru .
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт компьютеров срочно
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Could Long Couch With Chaise Be The Key To Achieving 2023?
Double Chaise Sectional
Профессиональный сервисный центр по ремонту фото техники от зеркальных до цифровых фотоаппаратов.
Мы предлагаем: ремонт лампы проектора
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту фототехники в Москве.
Мы предлагаем: накамерная вспышка ремонт
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Подробнее на сайте сервисного центра remont-vspyshek-realm.ru
How Much Do Kia Key Fob Experts Earn? how to get a replacement key for a Kia sorento
Профессиональный сервисный центр по ремонту фототехники в Москве.
Мы предлагаем: ремонт фотовспышек
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Подробнее на сайте сервисного центра remont-vspyshek-realm.ru
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: центр ремонта компьютеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту фототехники в Москве.
Мы предлагаем: ремонт фотоаппаратов вспышек
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Подробнее на сайте сервисного центра remont-vspyshek-realm.ru
El comercio de opciones binarias es una forma de inversion en la que los inversores calculan si el valor de un activo subira o bajara. Brokers regulados como Quotex ofrecen herramientas avanzadas para el trading de opciones binarias. Con estrategias adecuadas, es posible mejorar las predicciones en el trading de opciones binarias. El comercio de opciones binarias se ha vuelto una opcion atractiva en paises como Mexico y globalmente.
quotex trading codigo promocional quotex .
Kids Bunk Bed: 10 Things I’d Loved To Know Sooner bunk beds usa
Не упустите шанс, переходите на зеркало Cryptoboss Casino сейчас, играйте без проблем!
Самое актуальное зеркало Cryptoboss Casino всегда под рукой, бесперебойный доступ гарантированы.
Официальное зеркало Cryptoboss Casino ждет вас прямо сейчас, пропустите другие варианты!
Новости и выигрыши ждут вас на зеркале Cryptoboss Casino, не пропустите свой шанс!
Самое надежное зеркало Cryptoboss Casino только у нас, играйте без риска без лишних хлопот!
криптобосс зеркало рабочее криптобосс зеркало cryptoboss ru casino .
The 10 Most Scariest Things About Coffee Beans Online coffee beans online (Kathrin)
Thanks for sharing your thoughts. I really appreciate your efforts and I will be waiting for your further post thank you once again.
онлайн казино Dragon Money
เนื้อเรื่อง ของบล็อกนี้น่าสนใจ
มากๆ ครับ ผมชอบวิธีการ
ตรวจสอบ ประเด็นต่างๆ
อย่าง ถี่ถ้วน และ มีความสมเหตุสมผล ชัดเจน เป็นการช่วยให้ผู้อ่านเข้าใจ ประเด็นได้ อย่างถ่องแท้มากขึ้น คุณเขียนได้อย่าง เป็นขั้นตอนและน่าติดตาม ซึ่งเป็นสิ่งสำคัญสำหรับบทความระดับนี้
นอกจากนั้น ผมยังชอบ ทัศนะ
ใหม่ๆ ที่คุณได้นำเสนอ ซึ่งเป็นสิ่งที่ไม่เคย คิดมาก่อน มันช่วยขยาย มุมมอง
และ ความรู้ ของผมไปในทิศทางที่กว้างขึ้น
ผมขอขอบคุณที่คุณได้ สื่อสารความรู้และประสบการณ์ ของคุณ
มันช่วยให้ผมได้ พัฒนาตัวเอง
มากขึ้นอย่างแน่นอน
ผมหวังว่าจะได้ ติดตาม บทความอื่นๆ ของคุณในอนาคตเช่นกัน เพราะผมมั่นใจว่าจะมี คุณค่า และเป็นการ พัฒนา ความรู้ให้กับผมอย่างแน่นอน ขอบคุณมากครับ!
Here is my webpage – โป๊กเกอร์ออนไลน์
buy ozobax – order lioresal sale piroxicam 20mg uk
Встречайте криптовалютного босса в казино, станьте победителем вместе с королем криптовалютных игр, криптовалютные ставки для настоящих боссов, выиграйте криптовалюты в казино от Cryptoboss, Cryptoboss casino – ваш путь к успеху, Cryptoboss casino – ваш лучший выбор, ипотека доверия с Cryptoboss casino, Cryptoboss casino – ваша площадка для побед, взломай банк с Cryptoboss casino, Cryptoboss casino – ваш путь к криптовалютному успеху, революция в криптовалютных играх с Cryptoboss casino, играйте на криптовалютных волнах вместе с Cryptoboss, играйте и побеждайте с Cryptoboss casino, следуйте за лидером с Cryptoboss casino, попробуйте удачу вместе с Cryptoboss, присоединяйтесь к лидерам в мире криптовалютных игр с Cryptoboss casino.
cryptoboss casino войти криптобосс регистрация .
15 Amazing Facts About Egg Push Chair Collapsible pushchair
My spouse and I absolutely love your blog and find nearly all of your post’s to be just what I’m looking for. Do you offer guest writers to write content to suit your needs? I wouldn’t mind publishing a post or elaborating on some of the subjects you write in relation to here. Again, awesome blog!
https://ural-nedvigimost.ru
Responsible For An Private Psychiatrist Newcastle Budget?
10 Terrible Ways To Spend Your Money private psychiatrist derry (Darby)
10 Times You’ll Have To Know About Link Togel Togel Sydney
12 Facts About Sports Toto Statistics To Bring You Up To Speed
The Water Cooler 안전놀이터 순위
10 Reasons Why People Hate Three Wheel Rollator With Seat.
Three Wheel Rollator With Seat walker Rollator with seat
Five Killer Quora Answers To ADHD Private Diagnosis adhd assessment private cost
A Proficient Rant Concerning Best Triple Bunk Beds bunk beds usa (Levi)
Le Code Promo Cameroun 2024 pour beneficier d’une offre VIP de 100% jusqu’a 130€ sur les paris sportifs ou de 1950€ + 150 tours. Tous les nouveaux joueurs ayant utilise le code lors de leur inscription recoivent un bonus de bienvenue. Ce code bonus special vous permettra de recevoir un bonus augmente lors de votre inscription sur le site du bookmaker 1xBet.com ! Ne manquez pas cette occasion et inscrivez-vous des maintenant avec le code promo 1xbet pour obtenir un bonus allant jusqu’a 130 €/$.
14 Cartoons On Adhd In Women Symptoms To Brighten Your Day extreme adhd Symptoms
The Most Pervasive Issues With Pragmatic Slot Recommendations 프라그마틱 무료 슬롯 [Zaday-vopros.Ru]
What’s The Reason Everyone Is Talking About Portable Mobility Scooters For
Sale Right Now electric mobility scooters for sale near me
The Most Common Key Fob For Toyota Mistake Every Beginner Makes
toyota dealership key replacement