AngularJS 英文原文：15 Directives to Extend Your Angular.js Apps

几天前我们看到Angular 1.4.0宣布了-一个以社团为驱动的宣布版本涵盖了400多个GitHub的提交，增加了对特征的晋升，比方动画，和可用性。官方旧事宣布稿掩盖了绝大部分，这异样值得放于官方版本库中。

Angular.js 是一个奇异的JS框架，这一点毫无疑问，可是虽然受欢送度和社团日趋增加，可是社团中的非常多开发者感到Angular是别的一种Waste个人工夫和效力的方式。在这些最不招人爱好的问题中你会发明，测试和调试几乎就是一个恶梦。你可以从收集上找到一些疏散的陈述，这里有一些；一个深化的观念关于为什么你一点儿都不该该选择Angular。

放置这些争议，我们不在这里剖析这个框架的好坏，而是侧重引见怎么应用额定的部件和Tools，去扩大既存的 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的竞争敌手，可是也值得我们去查验。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务