澳门威斯人登录的20个Angular 用户界面元素指令

指令是一个了不起的工具,从本质上讲,您可以使用它创建新的HTML标签,或使用属性来增强现有标签。指令允许您创建自定义HTML组件。它可以是属性,类或元素。使用元素可以使我们为Web应用程序创建模块化的UI组件。因此,在这篇文章中,我们收集了一些有用的澳门威斯人登录 ui组件,这些组件已被重新构建为AngularJS指令。

对话服务

带有控制器和模板的完整AngularJS服务,用于生成与Angular-UI-澳门威斯人登录和Twitter 澳门威斯人登录一起使用的应用程序模式和对话框

对话服务

日期时间选择器

角度的Js指令使用日期和/或时间选择器作为输入的下拉列表。

日期时间选择器

广告aptStrap

轻量级UI组件/实用程序。

广告aptStrap

树指令

一个基于澳门威斯人登录创建Tree的AngularJS指令“nav”清单。样式完全是澳门威斯人登录,因为树实际上只是一个澳门威斯人登录“nav”列表,但有一些更改:添加了缩进,添加了展开/折叠图标,并且在展开/折叠过程中使用了Angular 的CSS动画。

树指令

nya-bootstrap-select

一个AngularJS select替代品,它使用集合和ng-model支持构建诸如下拉组件之类的select

nya-bootstrap-select

上下文菜单

角度的JS 用户界面 澳门威斯人登录模块,用于向元素添加上下文菜单。

上下文菜单

灯箱

When the lightbox is opened, 导航igating to the previous/next image can be achieved 通过 clicking buttons above the image, clicking the left/right arrow keys, or swiping to the left/right (optional with ngTouch). The escape key for closing the modal is automatically binded 通过 角度的UI 澳门威斯人登录.

灯箱

Iconpicker

在AngularJS中实现的澳门威斯人登录 3图标选择器。

Iconpicker

开关

引导开关jQuery插件的AngularJS指令。

自举开关

滑杆

这个插件大部分是为了使用有用的东西而迅速组合在一起的。它具有零测试覆盖率。但是,它已在Bower中注册为angular-bootstrap-slider。只需包含slider.js并使用包ui.bootstrap-slider。您还需要包括引导滑块CSS和JS。

滑杆

确认

一个简单的角度指令,用于在单击元素时显示引导程序样式的确认弹出窗口。

确认

自动栏位

避免使用重复形式的html来膨胀模板。相反,只需为要绑定的表单和模型指定一个架构,然后’re done!

自动栏位

离画布

关闭画布侧面菜单,可与ui-bootstrap 0.14+一起使用。扩展ui-bootstrap’的$ uibModal提供程序。

离画布

聊天室

具有澳门威斯人登录的简单AngularJS聊天指令。

聊天指令

通知

角度的.js服务使用澳门威斯人登录 3样式以及动画的CSS过渡提供简单的通知。

通知

纽扣

角度的 / 澳门威斯人登录动画提交按钮指令。

纽扣

占位符

角度的指令,用于增强的占位符,可以轻松地与澳门威斯人登录表单字段集成。

占位符

游览

角度的 用户界面 游览是使用Angular 用户界面 澳门威斯人登录的插件’的弹出窗口,以显示产品指导。这最初是由澳门威斯人登录 游览(称为Angular 澳门威斯人登录 游览)启发而来的,但是在去除jQuery依赖关系的大量反馈之后,Angular 用户界面 游览诞生了。

游览

正式地

这是用于角度形式的模板,该模板添加具有特定于引导程序的类的模板。每个字段都包装在一个div中。该库不是独立的,需要呈角度形式存在并加载。

正式地

标签滚动

与angular-ui引导程序选项卡兼容的可滚动选项卡插件

标签滚动

发表评论

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

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