推薦 15 個 Angular.js 應用擴展指令

jopen 9年前發布 | 9K 次閱讀 Angular.JS


推薦 15 個 Angular.js 應用擴展指令

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


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

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

angular-lazytube

推薦 15 個 Angular.js 應用擴展指令


使用這個指令,你可以不用再依賴于笨重的一直都要加載的iframe了,Angular.js的LazyTube指令是用來幫助你輕松的加載視頻,視頻將會被優雅的分解并且給你的用戶一個無縫的體驗。

Angular PDF Viewer

推薦 15 個 Angular.js 應用擴展指令

Angular可以做很多事情(正如你將在這個貼里看到的),其中有一個是讓你的用戶從瀏覽器中直接閱讀PDF文件,盡管很多瀏覽器都提供了這個功能,但是它更加友好的讓用戶在瀏覽器中看而不需要單獨下載。

angular morris chart

推薦 15 個 Angular.js 應用擴展指令

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

ng-readingtime

推薦 15 個 Angular.js 應用擴展指令

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

Angular-auto-validate

推薦 15 個 Angular.js 應用擴展指令

一個為AngularJS自動校驗的模塊,它支持動態元素修改來消除多余的HTML,并且給用戶校驗錯誤的提示。

ngEmbed

推薦 15 個 Angular.js 應用擴展指令

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

ng-lazy-image

推薦 15 個 Angular.js 應用擴展指令

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

scroll-trigger

推薦 15 個 Angular.js 應用擴展指令

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

angular-atomic-notify

推薦 15 個 Angular.js 應用擴展指令

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

Angular Grid

推薦 15 個 Angular.js 應用擴展指令

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

ngMeditor

推薦 15 個 Angular.js 應用擴展指令

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

Object-table

推薦 15 個 Angular.js 應用擴展指令

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

Ng-sweet-alert

推薦 15 個 Angular.js 應用擴展指令

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

vButton

推薦 15 個 Angular.js 應用擴展指令

 一個讓你能創建指示性按鈕非常簡單的命令,內置的加載圖標功能可以加強你的用戶體驗

vModal

推薦 15 個 Angular.js 應用擴展指令

你是否有過點擊一個東西然后不得不在彈出的對話框中返回內容?這就是 vModal 為生成精確的方法而服務的。易于使用,流暢而且可以定制樣式.

Angular.js應用指令

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

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


 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!