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官方教學視訊，另有控制器指令介紹的專頁。
USA India Pharm: top 10 online pharmacy in india – online shopping pharmacy india
Online medicine order: UsaIndiaPharm – UsaIndiaPharm
indian pharmacy paypal: UsaIndiaPharm – indian pharmacies safe
UsaIndiaPharm USA India Pharm online shopping pharmacy india
online shopping pharmacy india: USA India Pharm – UsaIndiaPharm
http://usaindiapharm.com/# USA India Pharm
UsaIndiaPharm: UsaIndiaPharm – UsaIndiaPharm
buy prescription drugs from india: UsaIndiaPharm – top 10 online pharmacy in india
buy medicines online in india UsaIndiaPharm online pharmacy india
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:ремонт крупногабаритной техники в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
UsaIndiaPharm: Online medicine order – indian pharmacy paypal
http://usaindiapharm.com/# UsaIndiaPharm
top online pharmacy india: cheapest online pharmacy india – UsaIndiaPharm
USA India Pharm: UsaIndiaPharm – USA India Pharm
indian pharmacy paypal: reputable indian online pharmacy – best india pharmacy
Natyazhnye потолки в Днепре , где современные решения становятся реальностью, добавьте шарм вашему пространству, выбор, который вас не разочарует.
Элегантные натяжные потолки для вашего дома, профессиональный подход, которые сделают ваш интерьер уникальным, закажите прямо сейчас.
Экономьте с умом с натяжными потолками, от natyazhnye-potolki-dnepr.biz.ua, придайте вашему интерьеру свежесть, сделайте выбор в пользу качества.
Индивидуальный подход к каждому клиенту, потолки, которые вдохновляют, выберите свой идеальный потолок, машина времени в мир красоты.
Эстетика и функциональность натяжных потолков, по европейским стандартам, на любой вкус и цвет, на нашем сайте вы найдете именно то, что ищете.
Преимущества натяжных потолков, для вашего комфорта, долговечность и надежность, инвестируйте в качество.
Эстетические решения для вашего потолка, где стиль и качество соединяются, обратите внимание на детали, заказ натяжного потолка стал проще.
Современные технологии натяжных потолков, в Днепре и за его пределами, где ваши желания становятся реальностью, выбор только за вами.
Натяжные потолки от профессионалов, от natyazhnye-potolki-dnepr.biz.ua, мы знаем, как сделать ваш потолок идеальным, придайте своему интерьеру новое дыхание.
Где купить натяжные потолки в Днепре?, у надежных поставщиков, где ваши мечты становятся реальностью, позвоните нам сегодня.
Эстетика натяжных потолков для вашего дома, от natyazhnye-potolki-dnepr.biz.ua, всегда профессионально, закажите свою консультацию.
Натяжные потолки для каждого интерьера, от наших профессионалов, качество и надежность, закажите консультацию.
Мы создаем идеальные потолки для вас, где качество не подвело ни разу, креативные решения для любого интерьера, обновите свой дом с нами.
Эстетика и функциональность натяжных потолков, с заботой о каждом клиенте, выбор, который вас удивит, узнайте больше на нашем сайте.
Эстетика натяжных потолков для вашего дома, потолки для любого стиля, долговечные и стильные решения, воспользуйтесь нашим опытом.
Натяжные потолки: качество и стиль, где качество — превыше всего, всё для вашего комфорта, не упустите шанс.
натяжной потолок днепр [url=https://natyazhnye-potolki-dnepr.biz.ua/]https://natyazhnye-potolki-dnepr.biz.ua/[/url] .
Потолки для вашего дома от natyazhnye-potolki-dnepr.biz.ua , где качество встречает стиль, обновите свой дом, выбор, который вас не разочарует.
Современные решения для потолков от natyazhnye-potolki-dnepr.biz.ua, инновационные технологии, которые подчеркнут ваш стиль, узнайте больше на сайте.
Доступные натяжные потолки в Днепре, от natyazhnye-potolki-dnepr.biz.ua, оставьте позади скучные потолки, не упустите шанс.
Индивидуальный подход к каждому клиенту, потолки, которые вдохновляют, выберите свой идеальный потолок, измените пространство вокруг себя.
Выбор натяжных потолков для любого стиля, для каждого интерьера, всё для вашего удобства, выбор по вашему желанию.
Почему стоит выбрать натяжные потолки?, для вашего комфорта, вода не страшна натяжным потолкам, инвестируйте в качество.
Эстетические решения для вашего потолка, где стиль и качество соединяются, превратите потолок в произведение искусства, заказ натяжного потолка стал проще.
Современные технологии натяжных потолков, в Днепре и за его пределами, доступные решения для каждого, свой идеальный потолок в 3 шага.
Натяжные потолки от профессионалов, с хорошей репутацией, мы знаем, как сделать ваш потолок идеальным, сделайте свой дом лучше.
Лучшие предложения на натяжные потолки, на natyazhnye-potolki-dnepr.biz.ua, стиль, качество и цена — все в одном месте, не упустите свой шанс.
Преобразите свое пространство с натяжными потолками, в Днепре, всегда профессионально, позвоните и получите ответ на все вопросы.
Натяжные потолки для каждого интерьера, доступные на natyazhnye-potolki-dnepr.biz.ua, на любой вкус и бюджет, обратите внимание на наши предложения.
Опытные специалисты по натяжным потолкам, с индивидуальным подходом к каждому клиенту, креативные решения для любого интерьера, сделайте свой выбор с умом.
Мы поможем вам создать идеальный интерьер, с заботой о каждом клиенте, выбор, который вас удивит, узнайте больше на нашем сайте.
Натяжные потолки: от замысла до реализации, потолки для любого стиля, долговечные и стильные решения, воспользуйтесь нашим опытом.
Дайте своему потолку вторую жизнь, где качество — превыше всего, мы создаем счастье для ваших глаз, сделайте правильный выбор.
натяжной потолок цена натяжной потолок цена .
Natyazhnye потолки в Днепре , где ваша фантазия воплощается в жизнь, добавьте шарм вашему пространству, решение, которое преобразит ваш дом.
Элегантные натяжные потолки для вашего дома, качественные материалы, которые создадут уют и гармонию, узнайте больше на сайте.
Доступные натяжные потолки в Днепре, с качеством, проверенным временем, выберите лучшее для вашего дома, не упустите шанс.
Натяжные потолки, созданные с любовью, потолки, которые вдохновляют, выберите свой идеальный потолок, машина времени в мир красоты.
Выбор натяжных потолков для любого стиля, по европейским стандартам, создайте свой идеальный интерьер, на нашем сайте вы найдете именно то, что ищете.
Натяжные потолки: преимущества и возможности, для вашего комфорта, долговечность и надежность, инвестируйте в качество.
Как выбрать идеальный натяжной потолок?, вдохновение для вашего дома, обратите внимание на детали, мы поможем вам с выбором.
Секреты успешного выбора потолка, от natyazhnye-potolki-dnepr.biz.ua, выбирайте лучшее для себя, свой идеальный потолок в 3 шага.
Натяжные потолки от профессионалов, с хорошей репутацией, мы подберем потолок для любого интерьера, сделайте свой дом лучше.
Где купить натяжные потолки в Днепре?, на natyazhnye-potolki-dnepr.biz.ua, где ваши мечты становятся реальностью, закажите натяжные потолки и наслаждайтесь результатом.
Натяжные потолки: быстро и стильно, с качеством, проверенным временем, мы работаем для вас, позвоните и получите ответ на все вопросы.
Идеальные потолки для вашего дома, доступные на natyazhnye-potolki-dnepr.biz.ua, качество и надежность, обратите внимание на наши предложения.
Ваш надежный партнер в мире натяжных потолков, с индивидуальным подходом к каждому клиенту, креативные решения для любого интерьера, присоединяйтесь к нам.
Эстетика и функциональность натяжных потолков, в Днепре, где ваши идеи становятся реальностью, приобретайте лучшее.
Эстетика натяжных потолков для вашего дома, потолки для любого стиля, с равной страстью к вашему проекту, не откладывайте на завтра.
Преимущества натяжных потолков в вашем интерьере, от надежных производителей, всё для вашего комфорта, свяжитесь с нами.
натяжной потолок цена днепр натяжной потолок цена днепр .
buy prescription drugs from india: UsaIndiaPharm – indian pharmacy paypal
Natyazhnye потолки в Днепре , где качество встречает стиль, позаботьтесь о своем интерьере, инвестируйте в красоту и комфорт.
Современные решения для потолков от natyazhnye-potolki-dnepr.biz.ua, инновационные технологии, которые создадут уют и гармонию, узнайте больше на сайте.
Лучшие цены на натяжные потолки в Днепре, от natyazhnye-potolki-dnepr.biz.ua, выберите лучшее для вашего дома, сделайте выбор в пользу качества.
Креативные решения для вашего интерьера, ваше пространство, ваша фантазия, выберите свой идеальный потолок, машина времени в мир красоты.
Выбор натяжных потолков для любого стиля, отечественного производства, на любой вкус и цвет, выбор по вашему желанию.
Натяжные потолки: преимущества и возможности, для вашего комфорта, вода не страшна натяжным потолкам, позаботьтесь о своем жилье.
Как выбрать идеальный натяжной потолок?, всё на natyazhnye-potolki-dnepr.biz.ua, превратите потолок в произведение искусства, наш опыт к вашим услугам.
Натяжные потолки: легко и удобно, с нами легко и быстро, где ваши желания становятся реальностью, обращайтесь к профессионалам.
Создайте уют с натяжными потолками, от natyazhnye-potolki-dnepr.biz.ua, поддержка и забота о клиенте, вдохните жизнь в ваше пространство.
Где купить натяжные потолки в Днепре?, у надежных поставщиков, где ваши мечты становятся реальностью, не упустите свой шанс.
Преобразите свое пространство с натяжными потолками, в Днепре, мы работаем для вас, позвоните и получите ответ на все вопросы.
Ваш идеальный натяжной потолок, от наших профессионалов, на любой вкус и бюджет, закажите консультацию.
Опытные специалисты по натяжным потолкам, с индивидуальным подходом к каждому клиенту, креативные решения для любого интерьера, обновите свой дом с нами.
Мы поможем вам создать идеальный интерьер, от natyazhnye-potolki-dnepr.biz.ua, выбор, который вас удивит, приобретайте лучшее.
Натяжные потолки: от замысла до реализации, потолки для любого стиля, долговечные и стильные решения, воспользуйтесь нашим опытом.
Преимущества натяжных потолков в вашем интерьере, где качество — превыше всего, долговечность и эстетика, сделайте правильный выбор.
натяжные потолки днепр цена натяжные потолки днепр цена .
indian pharmacy: USA India Pharm – cheapest online pharmacy india
https://usaindiapharm.com/# india pharmacy mail order
buy medicines online in india UsaIndiaPharm world pharmacy india
https://usaindiapharm.shop/# indian pharmacy paypal
UsaIndiaPharm: Online medicine home delivery – Online medicine home delivery
UsaIndiaPharm: indian pharmacy paypal – USA India Pharm
indian pharmacy: india pharmacy mail order – cheapest online pharmacy india
https://usaindiapharm.shop/# USA India Pharm
п»їlegitimate online pharmacies india: india pharmacy mail order – top 10 online pharmacy in india
UsaIndiaPharm UsaIndiaPharm UsaIndiaPharm