AngularJS – Directive & Filter 介紹篇
為了方便文章閱讀，本篇將filter翻譯成過濾器、directive翻譯成指示指令
在看過前幾篇的AngularJS的教學後，我們對AngularJS的開發應該有了基本的認識，針對HTML文件中我們的操作有：
針對頁面引入應用程式模組
<html ng-app="store">
針對頁面引入控制器
<body ng-controller="StoreController as store">
針對頁面去顯示或隱藏元素
<h1 ng-show="name">Hello, {{ name }} !</h1>
針對大量的資料設定重複的區域
<li ng-repeat="product in store.products">{{ product.name }}</li>
接下來針對過濾器來介紹，依下圖所示產品價格的部分，有的是有小數點有的沒有，會造成頁面在資料呈現上的參差不齊。
若我們在該表達式（expression）加上一條直線（pipe），在直線後面可以加入一些過濾器，本範例加入的是貨幣格式的過濾器，當加入後價格在頁面上顯示的格式，就會自動加上了$符號和兩位數的小數點。
我們也可以在過濾器後面利用冒號再加上一些選項，讓呈現的資料更不同，例如下圖中date格式中是以「月/日/年 @ 時:分AM」這樣的方式顯示，而除了貨幣currency、日期date的過濾器之外，還包含有大小寫轉換的uppercase、lowercase、字數也可以當成資料呈現筆數的limitTo、另外還有可以針對重複性的資料進行排序的orderBy，大概的使用方式可以參考下圖，或是在JS Bin看看馬老師製作的案例。
另外關於指示指令部分，在這次的案例上我們加上產品的圖片，圖片的部分有兩種，一個是大圖；另一個是產品的縮圖，也因為有兩種不同的資料，要注意他被加在數列裡面的方式。
在頁面上顯示圖片的方式要注意不是用src的屬性去呈現，而是需要用ng-src這個屬性，加上圖片欄位的表達式即可，在JS Bin上面觀賞本案例程式碼。
※以上截圖部分為AngularJS官方教學視訊，另有filter指令介紹的專頁和所有filter清單。
заказать проект перепланировки квартиры в москве заказать проект перепланировки квартиры в москве .
поролон мебельный цена поролон мебельный цена .
механизм для штор электрический механизм для штор электрический .
where to buy prednisone uk: PredniBest – prednisone 10mg tabs
ciprofloxacin order online ciprofloxacin order online buy cipro online
https://clomidonpharm.com/# generic clomid without a prescription
заказать проект перепланировки заказать проект перепланировки .
паралон или поролон паралон или поролон .
электрические гардины для штор электрические гардины для штор .
can you buy prednisone without a prescription prednisone tablets order prednisone from canada
There are ways to where to get lioresal tablets will treat your ED problems!
alkozona http://www.alkozona.ru/ .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов meizu, можете посмотреть на сайте: ремонт телефонов meizu сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов meizu, можете посмотреть на сайте: ремонт телефонов meizu
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
where to buy cipro online: ciprofloxacin mail online – cipro for sale
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов meizu сервис, можете посмотреть на сайте: ремонт телефонов meizu
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Получайте больше прибыли на onexbet, не тратя много времени.
onexbet – ваш шанс на богатство, даже в отпуске.
Ставки на спорт с onexbet, лучшие условия для игры.
Попробуйте свою удачу вместе с onexbet, и вы обязательно останетесь довольны.
onexbet – безопасность и конфиденциальность, всегда гарантированы.
Мечтаете о финансовом благополучии? Вам нужен onexbet, – самый удачный выбор для вас.
onexbet – ваш лучший друг и помощник в мире ставок, на который всегда можно положиться.
С onexbet вы всегда на шаг впереди, добивайтесь успеха вместе с onexbet.
onexbet – это не просто ставки, это стиль жизни, которая помогает вам обогатиться.
Готовы к большим деньгам и успеху? Попробуйте onexbet, и вы поймете, что все возможно.
onexbet – это не просто игровая платформа, это ваш шанс на успех, который приведет вас к желаемым результатам.
Играя на onexbet, вы получаете неповторимые эмоции, но при этом ценит комфорт и безопасность.
Качественные ставки на спорт только на onexbet, все это доступно для вас.
Желаете больше азарта и адреналина? Попробуйте onexbet, и ваша жизнь никогда не будет прежней.
thornemijv thornemijv .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов poco, можете посмотреть на сайте: ремонт телефонов poco
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://prednibest.com/# prednisone 80 mg daily
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов poco в москве, можете посмотреть на сайте: срочный ремонт телефонов poco
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Здесь можно купит сейф для дома сейф купить
buying clomid prices: clomid on pharm – buying cheap clomid without insurance
Здесь можно купить сейф для дома цена сейф домашний купить
Получайте больше прибыли на onexbet, не отрываясь от компьютера.
onexbet – ваш шанс на богатство, даже в отпуске.
Спортивные ставки на onexbet, лучшие условия для игры.
Получите эмоциональный заряд от игры на onexbet, и вы обязательно останетесь довольны.
onexbet – доверие и надежность, для вас всегда в приоритете.
Мечтаете о финансовом благополучии? Вам нужен onexbet, – оптимальное решение в вашей ситуации.
onexbet – ваш верный компаньон в мире азарта, который всегда поддерживает ваши желания и цели.
Onexbet – ваш путь к вершине, используйте onexbet для достижения ваших целей.
onexbet – это не просто азарт, это философия, которая помогает вам выразить себя.
Хотите больше возможностей для выигрыша? Обращайтесь на onexbet, и ваши мечты станут реальностью.
onexbet – это не просто сайт ставок, это ваша дорога к богатству, который приведет вас к желаемым результатам.
Ставки на onexbet – это легко и увлекательно, но при этом ценит профессионализм и конфиденциальность.
Лучшие коэффициенты и выигрыши на onexbet, все это гарантировано для вас.
Желаете больше азарта и адреналина? Попробуйте onexbet, и вы обязательно останетесь довольны.
one x bet download app one x bet download app .
Здесь можно сейфы для дома доставка сейф для дома
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов meizu сервис, можете посмотреть на сайте: ремонт телефонов meizu сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов poco, можете посмотреть на сайте: ремонт телефонов poco адреса
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
alkozona [url=https://www.alkozona.ru]https://www.alkozona.ru[/url] .
Вопросы и ответы: можно ли быстро купить диплом старого образца?
alkozona http://www.alkozona.ru/ .