25个适用于Web开发人员的AngularJS指令

指令是AngularJS最强大的功能之一。它们使您可以创建高度语义化和可重用的组件,并可以操纵DOM中几乎所有您想要的东西。因此,在本文中,我们收集了一些有用的AngularJS指令,这些指令使您可以扩展HTML&向您的网络应用添加其他功能。

引导程序

该存储库包含一组基于Bootstrap的标记和CSS的本地AngularJS指令。结果,不需要依赖jQuery或Bootstrap的JavaScript。

引导程序指令

自动尺寸

角度的 2指令可自动调整文本区域的高度以适合内容。它会自动将textarea高度调整为任何文本输入,或更改绑定到textarea的模型。

angular2-autosize

CRUD表

有用的AngularJS应用程序,带有一条指令,可以利用AngularJs指令,过滤器,工厂,资源的强大功能,仅用一行代码即可轻松地与数据库的最常见任务进行交互。

 CRUD表

上传文件

轻型Angular指令可使用可选FileAPI填充程序上传文件,以实现跨浏览器支持。

ng-file-upload

拖动& drop list

角度的 指令,允许您使用本地HTML5拖动来构建可排序列表&删除API。指令也可以嵌套以带来阻力&拖放到您所见即所得的编辑器,您的树或您正在构建的任何精美结构中。

拖动& drop list

游览

角度的 JS指令,用于对您的网站进行交互式浏览。

角度游

角收割机

一个简单的Angular指令,它允许您将任何图像标签变成可编辑的图像,它创建一个裁剪界面供您选择要裁剪的区域,它与响应图像和触摸设备一起使用,与现代浏览器兼容。

角收割机

jAngular工具包

jAngular工具包主要集中于通常需要数小时或数天才能完成的区域。这些领域包括复杂的表单,例如房地产,分类,发票等,涉及表单构建,表单验证以及媒体附件上传的集成。通过jAngular套件,您可以轻松创建具有挑战性的表格,复杂的验证,带有应用程序的实时上传器附件以及其他即时操作

jAngular工具包

滑杆

角度的 JS的Slider指令实现,没有任何依赖关系。

 角度的 JS滑块

一个简单的纯javascript 角度的 JS指令,可在向下滚动时使元素保持不变。

 黏

自动完成

在AngularJS的模块中易于使用自动完成指令!支持箭头键遍历建议以及鼠标输入。您可以从远程REST API加载建议,它也支持Promise。

自动完成

懒惰的形象

角度的 指令,用于在容器(防止回流)在视口中时加载响应图像。

 懒惰的形象

分页

一个Angular指令,用于帮助对需要最少分页信息的大型数据集进行分页。该分页指令的独特之处在于,我们仅对项目的活动页面感兴趣,而不是将整个项目列表保存在内存中。这将强制在指令外执行任何过滤或排序。

 分页

FitText.js

ng-FitText.js使字体大小灵活。在您的流畅或响应式布局中使用此AngularJS指令可实现填充父元素宽度的可伸缩标题。

 FitText.js

影片背景

强调简单性和性能的Angular.js YouTube视频背景播放器指令。

视频背景angularjs

轮播

该指令使您可以将slick-carousel插件用作有角度的指令。

警报

ng-sweet-alert是甜蜜警报的指令。使用angular js,甜蜜警报的集成变得非常容易。无需编写任何JavaScript代码。只有很少的html属性足以使用sweetalert。

 警报

过去

角度的 指令/过滤器/服务用于格式化日期,以便显示给定时间与现在相比已有多长时间。

ngTagsInput

ngTagsInput是为AngularJS框架构建的高度可定制的标签输入指令,没有外部依赖关系。

ngTagsInput

日期选择器

角度的calendar和datepicker指令。

 日期选择器

树网格

使用Angular和Bootstrap以树状结构显示数据的网格。

拉达

带有内置负载指示器的按钮,有效地弥合了行动与反馈之间的鸿沟。

 拉达

计数器

一个AngularJS指令,用于对数字的增减进行动画处理。

 计数器

可调整大小的容器

用于创建可调整大小的容器的轻量级指令。其背后的想法是将“布局逻辑”与“调整大小逻辑”完全分开。

可调整大小的容器

验证码

角度的 指令,用于向表单添加reCaptcha小部件。

 验证码

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.