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清單。
драгон мани казино https://uvstyle.ru
Rio Bet Casino https://dacha76.ru
сайт казино рио бет казино риобет
Диплом техникума купить официально с упрощенным обучением в Москве
ukrevent.ru/garantirovannoe-kachestvo-i-podlinnost-diplomov
Здравствуйте!
Процесс получения диплома стоматолога: реально ли это сделать быстро?
http://www.motmarket.ru/forum/user/25142
Будем рады вам помочь!.
Здравствуйте!
Хочу рассказать о своем опыте по заказу аттестата пту, думал это не реально и стал искать информацию в сети, про купить диплом в мытищах, купить диплом в новошахтинске, купить диплом в ишиме, купить диплом в балашове, купить диплом в рубцовске, постепенно вникая в суть дела нашел отличный материал здесь http://uaforum.ukrbb.net/viewtopic.php?f=11&t=1837&p=4764#p4764 и был очень доволен!
Теперь у меня есть диплом столяра о среднем специальном образовании, и я обеспечен на всю жизнь)
Успешной учебы!
buy tadacip tablets online
Follow Bernardo Silva’s impressive career https://manchester-city.bernardosilva.net from his debut at Monaco to to his status as a key player and leader of Manchester City.
From academy product to captain and leader of Real Madrid https://real-madrid.ikercasillas-br.com Casillas became one of the greatest players in the history of Real Madrid.
The fascinating story of Marcus Rashford’s rise https://manchester-united.marcusrashford-br.com from academy youth to the main striker and captain of Manchester United. Read about his meteoric rise and colorful career.
The story of Luka Modric’s rise https://real-madrid.lukamodric-br.com from young talent to one of the greatest midfielders of his generation and a key player for the Royals.
Cristiano Ronaldo https://al-nassr.cristianoronaldo-br.net one of the greatest football players of all time, begins a new chapter in his career by joining An Nasr Club.
Как официально купить аттестат 11 класса с упрощенным обучением в Москве
toursoul.ru/?p=19212
купить аттестат ссср в казани купить аттестат ссср в казани .
Добрый день!
Заказать диплом о высшем образовании
Мы предлагаем выгодно заказать диплом, который выполняется на оригинальном бланке и заверен мокрыми печатями, штампами, подписями официальных лиц. Наш диплом пройдет любые проверки, даже с использованием специфических приборов. Решайте свои задачи быстро и просто с нашей компанией.
Где приобрести диплом по необходимой специальности?
Диплом вуза купить официально с упрощенным обучением в Москве
Добрый день!
Где купить диплом специалиста?
Мы можем предложить дипломы любой профессии по приятным ценам.
flora-online.ru/glavnaya/tsvetyi-na-1-sentyabrya-2/
сколько стоит купить диплом о среднем образовании сколько стоит купить диплом о среднем образовании .
купил аттестат купил аттестат .
cheap doxycycline tablets
купить диплом дошкольное образование asxdiplomik.com/kupit-diplom-moskva .
Привет!
Где купить диплом специалиста?
Мы изготавливаем дипломы любых профессий по приятным ценам.
avtovladelez.ru/page/4
propecia 5mg
Покупка диплома о среднем полном образовании: как избежать мошенничества?
купить диплом о высшем образовании поддельный https://diploms-x.com/ .
Explore the remarkable journey of Vinicius Junior https://real-madrid.vinicius-junior.net, the Brazilian prodigy who conquered the world’s biggest stage with his dazzling skills and unparalleled ambition at Real Madrid.
A fascinating story about Brazilian veteran Thiago Silva’s https://chelsea.thiago-silva.net difficult path to the top of European football as part of Chelsea London.
The fascinating story of the phenomenal rise and meteoric fall of Diego Maradona https://napoli.diegomaradona.biz, who became a cult figure at Napoli in the 1980s.
Rivaldo, or Rivaldo https://barcelona.rivaldo-br.com, is one of the greatest football players to ever play for Barcelona.
Преимущества аренды склада https://dk-zio.ru/2024/07/arenda-sklada-na-chto-obratit-vnimanie-pri-vybore-pomeshheniya/, как аренда складских помещений может улучшить ваш бизнес
как купить аттестат как купить аттестат .