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://casibom.auction/# casibom giris
Если кто ищет место, где можно выгодно купить раковины и ванны, рекомендую один интернет-магазин, который недавно открыл для себя. Они предлагают большой выбор сантехники и аксессуаров для ванной комнаты. Ассортимент включает различные модели, так что можно подобрать под любой стиль и размер помещения.
Мне нужно было раковины , и они предложили несколько отличных вариантов. Цены приятно удивили, а качество товаров на высшем уровне. Также понравилось, что они предлагают услуги профессиональной установки. Доставка была быстрой, и всё прошло гладко. Теперь моя ванная комната выглядит просто великолепно!
Bienvenue sur notre blog, votre plateforme ultime pour les nouvelles sur les stars africaines du monde des canaux mediatiques et des emissions de realites televisees https://mediaeventhub.africa/ ! Des mouvements recents dans l’industrie du spectacle africain aux rumeurs les plus epices sur les personnalites, nous vous informerons de toutes les nouvelles palpitantes a travers le territoire. Par exemple, des partenariats musicaux inedites, de instants intenses dans les emissions de tele-realite, ou de itineraires de vie stimulants de vos stars preferees, nous couvrons tout. La scene du divertissement en Afrique deborde de talents, et notre blog est la pour vous connecter aux figures qui faconnent l’industrie.
Les emissions de tele-realite africaines ont saisi le monde, exposant la diversite culturelle, la imagination et l’authenticite uniques du territoire. Des emissions comme « Frere Naija », « Les Epouses Reelles de Lagos » et « Temptation Island South Africa » continuent de captiver des publics massives, suscitant des echanges et drainant des fans bien en dehors de l’Afrique. Nous plongeons dans les histoires, les liens et les moments inoubliables qui font de ces emissions des immanquables a la tele. Notre blog ne se borne pas a ecrire a propos des stars, mais s’interesse aussi a la portee culturelle de ces series, montrant le poids grandissant de la mode populaire africaine a l’echelle planetaire.
Notre blog celebre egalement les personnalites mediatiques et les etoiles montantes qui gagnent en notoriete en Afrique. Des interpretes doues aux hotes charismatiques, en passant par les createurs de contenu sur les sites de reseautage, nous mettons a l’honneur les succes de ceux qui transforment le divertissement sur le sol africain. Cela comprend des roles primes dans les productions de Nollywood, des roles revolutionnaires dans des series internationales ou des messages percutants dans des courts-metrages musicaux, nous vous fournissons des entretiens uniques et des anecdotes derriere la renommee. Vous trouverez des portraits de figures influentes comme Bonang Matheba, qui ont non seulement seduit les spectateurs du continent, mais aussi atteint une reputation globale.
Suivez-nous pour les infos de derniere minute et nouveautes en primeur sur vos stars africaines preferees. Notre blog est un espace pour les passionnes de divertissement qui desirent suivre avec les polemiques de stars, les programmes recents et les mouvements artistiques qui changent l’industrie. Qu’il s’agisse d’un un fervent adepte de la culture populaire africaine ou un observateur des infos du showbiz, notre blog vous garantit de vous mettre a jour, distrait et inspire par le monde actif des canaux et spectacles de realite televisee en Afrique.
Недавно нашёл отличный интернет-магазин, где можно приобрести раковины и ванны для ванной комнаты. Они предлагают огромный выбор сантехники и аксессуаров, подходящих под любой интерьер и бюджет. Ассортимент действительно впечатляет: различные модели раковин (накладные, встроенные, подвесные) и ванн (акриловые, чугунные, гидромассажные).
Особенно если вы ищете: умывальник для ванной, что мне было очень нужно. Цены адекватные, качество товаров на высоте. Плюс, они предлагают профессиональные консультации, быструю доставку и услуги по установке. В общем, если кто-то ищет качественную сантехнику по хорошим ценам, рекомендую обратить внимание на этот магазин.
Bienvenue sur notre blog, votre destination ultime pour les infos sur les stars africaines du monde des mediums et des emissions de realite televisee https://mediaeventhub.africa/le-parcours-de-lebo-gunguluza-dans-le-monde-des.html ! Des tendances recentes dans l’industrie du loisir africain aux rumeurs les plus interessants sur les vedettes, nous vous mettrons a jour de toutes les histoires fascinantes a travers le continent. Que ce soit des alliances musicales innovantes, de temps forts dans les emissions de tele-realite, ou de itineraires de vie stimulants de vos stars preferees, nous tracons tout. La scene du divertissement en Afrique est pleine de talents, et notre blog est la pour vous rapprocher des figures qui influencent l’industrie.
Les emissions de tele-realite africaines ont saisi le monde, revelant la multiplicite culturelle, la imagination et l’veracite uniques du territoire. Des emissions comme « Grand Frere Naija », « Les Real Housewives de Lagos » et « Tentations Afrique du Sud » suscitent l’interet de des foules massives, provoquant des debats et federant des fans bien en dehors de l’Afrique. Nous nous immergeons dans les drames, les rapports et les moments inoubliables qui font de ces emissions des essentiels a la tele. Notre blog ne se restreint pas a commenter stars, mais s’interesse aussi a la portee culturelle de ces programmes, mettant en avant le poids grandissant de la pop culture africaine a l’echelle internationale.
Notre blog met egalement en lumiere les personnes du monde mediatique et les jeunes prodiges qui font sensation en Afrique. Des artistes performants aux hotes charismatiques, en sans oublier les influenceurs sur les sites de reseautage, nous applaudissons les succes de ceux qui reinventent le show business sur le continent. Cela comprend des performances primees dans les productions de Nollywood, des interpretations de premier plan dans des fictions mondiales ou des declarations audacieuses dans des courts-metrages musicaux, nous vous fournissons des echanges inedits et des chroniques derriere la gloire. Vous trouverez des portraits de legendes africaines comme Lupita Nyong’o, qui ont non seulement capte les audiences africaines, mais aussi atteint une reconnaissance mondiale.
Restez connectes avec nous pour les nouvelles fraiches et scoops exclusifs sur vos stars africaines preferees. Notre blog est un carrefour pour les fous de la culture populaire qui souhaitent etre au courant avec les scandales des celebrites, les nouvelles emissions et les mouvements artistiques qui remodelent l’industrie. Si vous etes un fervent adepte de la pop culture africaine ou simplement curieux des nouvelles du spectacle, notre blog vous promet de vous garder au courant, diverti et inspire par le monde actif des medias et des emissions de realite televisee en Afrique.
<a href=”https://remont-kondicionerov-wik.ru”>срочный ремонт кондиционера</a>
http://gatesofolympusoyna.online/# gates of olympus turkce
москва эскорт услуги телефон эскорт услуга в москве от частных
эскорт услуги москва геи эскорт услуга в москве вакансии
ремонт бытовой техники в самаре
самая дорогая эскорт услуга москвы эскорт услуги москвы цены
эскорт услуга в москве мужские услуги эскорта в москве работа
Хочу поделиться своим опытом ремонта телефона в этом сервисном центре. Остался очень доволен качеством работы и скоростью обслуживания. Если ищете надёжное место для ремонта, обратитесь сюда: срочный ремонт мобильных телефонов.
https://casibom.auction/# casibom guncel giris
<a href=”https://remont-kondicionerov-wik.ru”>сколько стоит ремонт кондиционера</a>
ремонт техники профи в самаре
Профессиональный сервисный центр по ремонту компьютерных блоков питания в Москве.
Мы предлагаем: ремонт блоков питания corsair
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Мой телефон перестал заряжаться, и я не знал, что делать. По совету друга обратился в этот сервисный центр. Мастера быстро нашли проблему и устранили её. Теперь мой телефон снова в строю! Рекомендую всем: сервис сотовых телефонов.
mobic 15mg brand – maxalt 10mg pills buy ketorolac without a prescription
Друзья, если планируете обновить ванную комнату, советую обратить внимание на один интернет-магазин раковин и ванн. У них действительно большой ассортимент товаров от ведущих производителей. Можно найти всё: от простых моделей до эксклюзивных дизайнерских решений.
Я искал раковина цена москва, и они предложили несколько вариантов по хорошей цене. Качество продукции на высоком уровне, всё сертифицировано. Порадовало и то, что они предлагают профессиональные консультации и услуги по установке. Доставка была быстрой, всё пришло в целости и сохранности. Отличный магазин с хорошим сервисом!
ремонт бытовой техники самара
<a href=”https://remont-kondicionerov-wik.ru”>надежный сервис ремонта кондиционеров</a>
Профессиональный сервисный центр по ремонту компьютерных блоков питания в Москве.
Мы предлагаем: ремонт блоков питания москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Друзья, если планируете обновить ванную комнату, советую обратить внимание на один интернет-магазин раковин и ванн. У них действительно большой ассортимент товаров от ведущих производителей. Можно найти всё: от простых моделей до эксклюзивных дизайнерских решений.
Я искал мойка в ванную, и они предложили несколько вариантов по хорошей цене. Качество продукции на высоком уровне, всё сертифицировано. Порадовало и то, что они предлагают профессиональные консультации и услуги по установке. Доставка была быстрой, всё пришло в целости и сохранности. Отличный магазин с хорошим сервисом!
Профессиональный сервисный центр по ремонту компьютерных блоков питания в Москве.
Мы предлагаем: ремонт блоков питания
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
betine betine sikayet betine guncel giris
Наткнулся на замечательный интернет-магазин, специализирующийся на раковинах и ваннах. Решил сделать ремонт в ванной комнате и искал качественную сантехнику по разумным ценам. В этом магазине нашёл всё, что нужно. Большой выбор раковин и ванн различных типов и дизайнов.
Особенно понравилось, что они предлагают умывальник купить. Цены доступные, а качество продукции отличное. Консультанты очень помогли с выбором, были вежливы и профессиональны. Доставка была оперативной, и установка прошла без нареканий. Очень доволен покупкой и сервисом, рекомендую!
starzbet starzbet guvenilir mi starzbet
http://starzbet.shop/# starzbet guncel giris
эскорт услуги парни москва геи салон эскорт услуг в москве