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://manchestercity.erling-haaland-cz.com, a talented player of «Manchester City». Learn more about his skills, achievements and career growth.
lyrica 150 mg
lyrica 300 mg
Latest news https://android-games-ar.com about Android games, reviews and daily updates. The latest information about the most exciting games.
News, tournaments, guides and strategies about the latest GTA games https://gta-ar.com. Stay tuned for the best GTA gaming experience
Minecraft news https://minecraft-ar.com, guides and in-depth reviews of the gaming features available in Minecraft Ar. Get the latest information on downloading Minecraft, Pocket Edition and Bedrock Edition.
Discover the wonderful world of online games https://game-news-ar.com. Get the latest news, reviews and tips for your favorite games.
News and events of the American Basketball League https://basketball-eg.com in Egypt. Hot events, player transfers and the most interesting events. Explore the world of the NBA with us.
The most important sports news https://bein-sport-egypt.com, photos and blogs from experts and famous athletes, as well as statistics and information about matches of leading leagues.
UFC news https://ufc-ar.com, schedule of fights and tournaments 2024, ratings of UFC fighters, interviews, photos and videos. Live broadcasts and broadcasts of tournaments, statistics, forums and fan blogs.
Интернет магазин электроники https://techno-line.store и цифровой техники по доступным ценам. Доставка мобильной электроники по Москве и Московской области.
NHL news https://nhl-ar.com (National Hockey League) – the latest and most up-to-date NHL news for today.
Discover the dynamic world of Arab sports https://sports-ar.com through the lens of Arab sports news. Your premier source for breaking news, exclusive interviews, in-depth analysis and live coverage of everything happening in sports.
Latest Counter-Strike 2 news https://counter-strike-kz.kz, watch the most successful tournaments and be the best in the gaming world.
The latest top football news https://football.sport-news-eg.com today. Interviews with football players, online broadcasts and match results, analytics and football forecasts, photos and videos.
Spider-Man https://spiderman.kz the latest news, articles, reviews, dates, spoilers and other latest information. All materials on the topic “Spider-Man”
Купить зеркала https://zerkala-m.ru по низким ценам. Более 1980 моделей, купить недорого в интернет-магазине в Москве с доставкой по России. Удобный каталог, низкие цены, качественные фото.
Предлагаем купить гаражное оборудование https://profcomplex.pro, автохимию, технику и уборочный инвентарь для клининговых компаний. Доставка по Москве и другим городам России.
Зеркала интерьерные https://zerkala-mag.ru в интернет-магазине «Зеркала с подсветкой» Самые низкие цены на зеркала!
Доставка груза и грузоперевозки https://tamozhennyy-deklarant.blogspot.com по России через транспортную компанию автотранспортом доступна и для частных лиц. Перевозчик отправит или доставит ваш груз: выгодные тарифы индивидуальный подход из рук в руки 1 машиной.
purple pharmacy mexico price list
https://cmqpharma.com/# mexican online pharmacies prescription drugs
medicine in mexico pharmacies
mexican drugstore online
http://cmqpharma.com/# mexican border pharmacies shipping to usa
buying from online mexican pharmacy
Latest news and analysis of the Premier League https://premier-league.kz. Full descriptions of matches, team statistics and the most interesting football events. Premier Kazakhstan is the best place for football fans.
Latest news from World of Warcraft https://wow-kz.kz (WOW) tournaments, strategy and game analysis. The most detailed gaming portal in the language.
Check out Minecraft kz https://minecraft-kz.kz for the latest news, guides, and in-depth reviews of the game options available. Find the latest information on Minecraft Download, Pocket Edition and Bedrock Edition.
Latest news about games for Android https://android-games.kz, reviews and daily updates. Read now and get the latest information about the most exciting games
mexican mail order pharmacies
https://cmqpharma.online/# mexican mail order pharmacies
п»їbest mexican online pharmacies
mexico pharmacies prescription drugs: mexican border pharmacies shipping to usa – mexican drugstore online
buy ondansetron sale – buy cheap ondansetron oral ropinirole
pharmacies in mexico that ship to usa: online mexican pharmacy – mexico pharmacy