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官方教學視訊，另有控制器指令介紹的專頁。
Bienvenue sur notre blog, votre lieu ultime pour les nouvelles sur les stars africaines du monde des canaux mediatiques et des emissions de television-realite https://mediaeventhub.africa/ ! Des dernieres tendances dans l’industrie du loisir africain aux potins les plus interessants sur les celebrites, nous vous informerons de toutes les aventures captivantes a travers le continent. Qu’il s’agisse de partenariats musicaux revolutionnaires, de instants intenses dans les emissions de tele-realite, ou de trajets individuels inspirants de vos stars preferees, nous surveillons tout. La scene du show business en Afrique est pleine de talents, et notre blog est la pour vous amener plus pres des icones qui modelent l’industrie.
Les emissions de tele-realite africaines ont saisi le monde, revelant la diversite culturelle, la innovation et l’originalite uniques du sol africain. Des emissions comme « Frere Naija », « Les Epouses Reelles de Lagos » et « Ile de la Tentation Afrique du Sud » ne cessent de fasciner des audiences massives, inspirant des conversations et attirant des fans bien en dehors de l’Afrique. Nous creusons dans les drames, les connexions et les moments inoubliables qui font de ces programmes des essentiels a la tele. Notre blog ne se limite pas a rapporter sur stars, mais explore la portee culturelle de ces programmes, soulignant l’empreinte croissante de la mode populaire africaine a l’echelle internationale.
Notre blog met egalement en lumiere les personnalites mediatiques et les nouvelles figures qui se demarquent en Afrique. Des artistes performants aux animateurs populaires, en considerant aussi les stars du web sur les reseaux sociaux, nous celebrons les accomplissements de ceux qui redefinissent le spectacle sur le territoire. Par exemple des roles primes dans les films de Nollywood, des participations remarquables dans des productions internationales ou des prises de position fortes dans des clips musicaux, nous vous proposons des echanges inedits et des anecdotes derriere la renommee. Vous trouverez des focus de legendes africaines comme Burna Boy, qui ont non seulement gagne les spectateurs du continent, mais aussi gagne une notoriete internationale.
Ne nous perdez pas de vue pour les infos de derniere minute et informations privilegiees sur vos stars africaines preferees. Notre blog est un carrefour pour les fous de la culture populaire qui veulent ne rien manquer avec les drames du showbiz, les nouvelles emissions et les revolutions sociales qui influencent l’industrie. Tant pour un un fan passionne de la culture populaire africaine ou un lecteur occasionnel des nouvelles du spectacle, notre blog vous offre de vous donner les infos, distrait et inspire par le univers dynamique des mediums et programmes de tele-realite en Afrique.
ремонт бытовой техники самара
Bienvenue sur notre blog, votre destination ultime pour les nouvelles sur les stars africaines du monde des canaux mediatiques et des emissions de tele-realite https://mediaeventhub.africa/ ! Des dernieres tendances dans l’industrie du divertissement africain aux commerages les plus interessants sur les celebrites, nous vous tenons au courant de toutes les aventures fascinantes a travers le continent. Qu’il s’agisse de partenariats musicaux inedites, de temps forts dans les emissions de tele-realite, ou de trajets individuels inspirants de vos stars preferees, nous analysons tout. La scene du loisir en Afrique deborde de talents, et notre blog est la pour vous rapprocher des legendes qui faconnent l’industrie.
Les emissions de tele-realite africaines ont envahi le monde, revelant la variete culturelle, la imagination et l’originalite uniques du continent. Des emissions comme « Big Brother Naija », « Les Real Housewives de Lagos » et « Temptation Island South Africa » suscitent l’interet de des audiences massives, suscitant des conversations et attirant des fans bien a l’exterieur de l’Afrique. Nous creusons dans les situations complexes, les rapports et les instants memorables qui font de ces emissions des phenomenes a la tele. Notre blog ne se limite pas a ecrire a propos des stars, mais eclaire l’influence culturelle de ces projets, montrant l’empreinte croissante de la mode populaire africaine a l’echelle planetaire.
Notre blog celebre egalement les personnes du monde mediatique et les jeunes prodiges qui se demarquent en Afrique. Des interpretes doues aux figures influentes, en passant par les leaders d’opinion sur les sites de reseautage, nous saluons les performances de ceux qui changent le show business sur le terrain. Cela comprend des recompenses gagnees dans les cinema de Nollywood, des roles revolutionnaires dans des projets globaux ou des prises de position fortes dans des videoclips, nous vous offrons des entretiens uniques et des histoires au-dela de la gloire. Vous trouverez des presentations de figures influentes comme Burna Boy, qui ont non seulement conquis les spectateurs du continent, mais aussi obtenu une consecration universelle.
Ne nous perdez pas de vue pour les dernieres nouvelles et informations privilegiees sur vos personnalites preferees d’Afrique. Notre blog est un espace pour les amoureux du showbiz qui souhaitent ne rien manquer avec les affaires de stars, les shows a venir et les tendances culturelles qui influencent l’industrie. Tant pour un un suiveur devoue de la mode culturelle africaine ou un lecteur occasionnel des nouvelles du spectacle, notre blog vous offre de vous garder au courant, diverti et motive par le monde actif des medias et des emissions de realites televisees en Afrique.
сервис профи самара
3 Ways That The Automatic Folding Mobility Scooter
Near Me Can Affect Your Life autofold mobility scooter (Sanora)
L Shaped Sectional Sofa Techniques To Simplify Your Everyday Lifethe Only L Shaped Sectional Sofa Trick That Everyone Should Be Able To l shaped sectional sofa (Margart)
What’s The Job Market For Couch With Pull Out Ottoman Professionals?
couch with pull out ottoman (Ashton)
The Reason Why Adding A Treehouse Loft Bed With Slide To Your Life’s Journey Will Make The
Difference Tree House Bunk Beds; https://Zbookmarkhub.Com,
Мой телефон перестал заряжаться, и я не знал, что делать. По совету друга обратился в этот сервисный центр. Мастера быстро нашли проблему и устранили её. Теперь мой телефон снова в строю! Рекомендую всем: ремонт телефонов рядом.
The Underrated Companies To Follow In The Electric Treadmill
Running Machine Industry treadmill electric price
Недавно разбил экран своего телефона и обратился в этот сервисный центр. Ребята быстро и качественно починили устройство, теперь работает как новый. Очень рекомендую обратиться к ним за помощью. Вот ссылка на их сайт: ближайший ремонт телефонов.
Why You Should Be Working With This 3 Wheel Compact Stroller Lightweight 3 Wheel buggy
10 Untrue Answers To Common Wheelchair Ramps For Homes Questions: Do You Know The Correct
Answers? power wheelchair ramp – Eric –
девушки для эскорт услуг москва эскорт услуги массаж москва
9 . What Your Parents Teach You About 1 Kg Coffee Beans 1 kg
coffee beans (Alejandro)
<a href=”https://remont-kondicionerov-wik.ru”>надежный сервис ремонта кондиционеров</a>
Профессиональный сервисный центр по ремонту компьютерных блоков питания в Москве.
Мы предлагаем: ремонт блока питания цена
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
сервис профи самара
The Reason Why Shop Anal Sex Toys Will Be
The Hottest Topic In 2023 good anal toys, Lon,
15 Up-And-Coming Best Backlink Building Software Bloggers
You Need To Check Out automatic link building software – Kiara –
Недавно нашёл отличный интернет-магазин, где можно приобрести раковины и ванны для ванной комнаты. Они предлагают огромный выбор сантехники и аксессуаров, подходящих под любой интерьер и бюджет. Ассортимент действительно впечатляет: различные модели раковин (накладные, встроенные, подвесные) и ванн (акриловые, чугунные, гидромассажные).
Особенно если вы ищете: сколько стоит раковина, что мне было очень нужно. Цены адекватные, качество товаров на высоте. Плюс, они предлагают профессиональные консультации, быструю доставку и услуги по установке. В общем, если кто-то ищет качественную сантехнику по хорошим ценам, рекомендую обратить внимание на этот магазин.
Профессиональный сервисный центр по ремонту компьютерных блоков питания в Москве.
Мы предлагаем: ремонт источников питания
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Если кто ищет место, где можно выгодно купить раковины и ванны, рекомендую один интернет-магазин, который недавно открыл для себя. Они предлагают большой выбор сантехники и аксессуаров для ванной комнаты. Ассортимент включает различные модели, так что можно подобрать под любой стиль и размер помещения.
Мне нужно было купить раковины , и они предложили несколько отличных вариантов. Цены приятно удивили, а качество товаров на высшем уровне. Также понравилось, что они предлагают услуги профессиональной установки. Доставка была быстрой, и всё прошло гладко. Теперь моя ванная комната выглядит просто великолепно!
Хочу поделиться своим опытом ремонта телефона в этом сервисном центре. Остался очень доволен качеством работы и скоростью обслуживания. Если ищете надёжное место для ремонта, обратитесь сюда: ремонт экрана смартфона.
10 No-Fuss Strategies To Figuring Out Your Treadmill treadmills sale uk (Christy)
Are You Able To Research Toto Online Terbaik Online bandar
togel terpercaya, Estela,
Попробуйте свои силы в казино от Cryptoboss, станьте победителем вместе с лучшим криптовалютным казино, возможность выиграть крупный джекпот, выиграйте криптовалюты в казино от Cryptoboss, выиграть криптовалюты легко в Cryptoboss casino, Cryptoboss casino – ваш лучший выбор, испытайте свою удачу в казино Cryptoboss, Cryptoboss casino – ваша площадка для побед, взломай банк с Cryptoboss casino, Cryptoboss casino – ваш путь к криптовалютному успеху, революция в криптовалютных играх с Cryptoboss casino, играйте на криптовалютных волнах вместе с Cryptoboss, получите криптовалютные призы в Cryptoboss casino, Cryptoboss casino – выбор тех, кто ценит качество, выигрывайте крупные суммы с Cryptoboss casino, наслаждайтесь азартом с Cryptoboss casino.
криптобосс вход casino криптобосс .
Профессиональный сервисный центр по ремонту компьютерных блоков питания в Москве.
Мы предлагаем: ремонт блоков питания москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
10 Misconceptions Your Boss Holds Concerning Wall Mounted Electric Fires Electric flame effect fires wall mounted
From the 1930s to the 1970s, asbestos Settlement was widely employed in building materials.
It was used in pipe insulation and fireproofing, as
well as plasters, cements, car breaks, and more.