15 個 Angular.js 應用擴充套件指令解析

幾天前我們看到Angular 1.4.0釋出了-一個以社團為驅動的釋出版本涵蓋了400多個GitHub的提交，增加了對特性的提升，比如動畫，以及可用性。官方新聞釋出稿覆蓋了絕大部分，這同樣值得放於官方版本庫中。

Angular.js 是一個神奇的JS框架，這一點毫無疑問，但是儘管受歡迎度和社團日益增長，但是社團中的很多開發者覺得Angular是另外一種浪費個人時間和效率的形式。在這些最不招人喜歡的問題中你會發現，測試和除錯簡直就是一個噩夢。你可以從網路上找到一些分散的報告，這裡有一些；一個深入的觀點關於為何你一點兒都不應該選擇Angular。

擱置這些爭議，我們不在這裡分析這個框架的優劣，而是著重介紹如何利用額外的部件和工具，去擴充套件既存的 Angular 檔案，幫助我們成為更好的開發者。這裡要介紹的，是一些非常有用的 Angular.js 指令，能助力擴充套件你的應用，讓你無需辛苦地編碼，就能給應用一個新的體驗和模樣。

angular-lazytube

使用這個指令，你可以不用再依賴於笨重的一直都要載入的iframe了，Angular.js的LazyTube指令是用來幫助你輕鬆的載入視訊，視訊將會被優雅的分解並且給你的使用者一個無縫的體驗。

Angular PDF Viewer

Angular可以做很多事情（正如你將在這個貼裡看到的），其中有一個是讓你的使用者從瀏覽器中直接閱讀PDF檔案，儘管很多瀏覽器都提供了這個功能，但是它更加友好的讓使用者在瀏覽器中看而不需要單獨下載。

angular morris chart

如果你知道這個神奇的JS庫中的morris.js，那麼你會愛上這個指令。它允許你將直接morris.js的好處運用到你的Angular.js工程中。用到你圖表上吧！

ng-readingtime

你是否曾經遇到一些網站或者部落格，這些網站和部落格共享內容的同時，同樣提供給你你要花多久去讀這些內容？這條指令就是被用來實現這個目的的，在某些情況下這個指令被證明很有用，比如要花費多久去閱讀一些內容。

Angular-auto-validate

一個為AngularJS自動校驗的模組，它支援動態元素修改來消除多餘的HTML，並且給使用者校驗錯誤的提示。

ngEmbed

一個AngularJS過濾器/指令，它可以將文字變為表情符號，嵌入視訊(youtube/vimeo/mp4,ogg),音訊，PDF，高亮程式碼語法以及以一個普通的文字字串形式嵌入任何服務。

ng-lazy-image

如視訊一樣，圖片有時候也會很耗費頻寬，對於那些提供大量圖片的站點，使用Lazy image載入會是一個不錯的主意。響應式的圖片會更棒。

scroll-trigger

任何建立在 Angular.js之上的商業化的站點/工程，都應該利用這條指令，它允許你建立一個智慧渠道，這個渠道可以獲取如下內容：到當一個站點的特定部分被訪問到時，說明這個使用者對你的產品或多或少感興趣

angular-atomic-notify

不建立單獨的訊息通知條和訊息盒子，可以為你節約大把的時間，這條指令可以提供任何你想要、以愉快和流暢的方式通知給你的使用者。這個整合已經使用Font Awsome和JQuery完成。

Angular Grid

Angular Grid 是一種Angular.js構建指令，它在需要的時候使用Angular，但在其它任意地方都支援原生態的JavaScript。一個由只使用Angular的這種指令構建的網格，比起原生態語言構建的，明顯要慢。其特性豐富，輕量級，最小的佔用空間，並且沒有外部依賴。Angular Grid會讓你的應用程式執行的更快。

ngMeditor

你可曾見過過流行的部落格網站Medium使用的編輯器？那是一件非常棒的工作，然而，也有許多人看起來並不喜歡它。把它放到你自己的Angular應用程式中可能意味著，你的使用者可以訪問他們已經熟悉的東西。這就是Angular指令所提供的內容，一個簡單易用的Medium內容編輯器的複製品。

Object-table

在過去的許多年中，Web技術日新月異，這個指令可能就正是其中的一個例子。我們再也不需要依賴風格匱乏的HTML表格，現在我們可以獲取到類似Object-tables的表格，它是一個巧妙的Angular表格指令。嘗試著用用吧！

Ng-sweet-alert

關於警告指令最棒的是，使用時，你無需編寫額外的JavaScript程式碼，它會自然的整合所使用的HTML相關內容。它具備平滑的設計，通過測試這個例子，其中的過渡過程也非常平滑。

vButton

一個讓你能建立指示性按鈕非常簡單的命令,內建的載入圖示功能可以加強你的使用者體驗

vModal

你是否有過點選一個東西然後不得不在彈出的對話方塊中返回內容？這就是 vModal 為生成精確的方法而服務的。易於使用，流暢而且可以定製樣式.

Angular.js應用指令

從修改來說，Angular.js 因為簡單的可適應的指令，能在幾分鐘內從雜亂中生成，而脫穎而出；支援所有的前沿的技術，在應用中使用指令就像在其他的程式語言中使用類庫.

在最重要的指令中，,我們已經提前分享了簡單的方式構建多語言的Angualr.js 應用覆蓋了 Angular.js 關聯的內容。同樣翻譯了一系列免費學習 Angular.js 框架書籍中比較受歡迎的文章。當然我們也推薦您從我們的最佳學習 ReactJS 資源中獲取最新的特性。一種Angular的競爭對手，但是也值得我們去檢驗。