分享

6个强大的AngularJS扩展应用

 蜗牛之窝 2015-09-30

[导读] AngularJS现在非常热门,是Google推出的一款非常优秀的前端JS框架。AngularJS最核心的概念是MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。目前AngularJS扩展还比较少,本文就向各位分享6个实用强大

AngularJS现在非常热门,是Google推出的一款非常优秀的前端JS框架。AngularJS最核心的概念是MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等。目前AngularJS扩展还比较少,本文就向各位分享6个实用强大的AngularJS扩展应用。

\

1、AngularJS 认证模块 Satellizer

Satellizer是一个端到端的基于 token 的AngularJS认证模块,Satellizer支持Google、Facebook、LinkedIn 和 Twitter 认证体系,并且也提供邮箱和密码的登录方式,另外Satellizer支持 OAuth 1.0 和 2.0 规范,所以你可以更加灵活地扩展认证方法。

下面是Satellizer的使用代码示例:

\
 

官方地址:https://github.com/sahat/satellizer

2、AngularJS UI 扩展 AngularUI

AngularUI为AngularJS提供了很多UI增强效果,并且提供了IE、jQuery 兼容,以及一些常用 UI 组件。

\

AngularUI包含以下模块:

  • UI-Utils
  • UI-Modules
  • UI-Alias
  • UI-Bootstrap
  • NG-Grid
  • UI-Router
  • IDE Plugins
  • GSoC

官方主页:http://angular-ui./

3、Bootstrap 集成 AngularJS 模块 AngularStrap

AngularStrap可以非常完美地将Bootstrap集成到AngularJS中,AngularStrap包含大部分支持AngularJS指令,所以并不需要依赖其他的样式和脚本。

\

下面是一个示例:

\
 

官方主页:http://mgcrea./angular-strap/

4、AngularStrap 实时、多用户应用 GoAngular

GoAngular 可让你轻松使用 AngularJS 和 GoInstant 构建实时、多用户的应用程序。

\

下面是config.js文件:

\
 

打开一个示例页面:

\


5、AngularJS UI 组件 adapt-strap

adapt-strap 是 AngularJS UI 组件和实用工具,是基于 AngularJS 1.2+ 和 bootstrap 3 的。

特性:

  • Table Lite - 简单的列表 UI
  • Table AJAX - 高级的列表 UI
  • Tree Browser - 简单的树形 UI
  • Loading Indicators - 简单的指令
  • Global configuration - 所有组件都是全局配置使用
  • Customizable - 所有组件都是支持高度自定义的

官方主页:https://github.com/Adaptv/adapt-strap

6、AngularJS 的国际化模块 angular-translate

angular-translate 是一个 AngularJS 的模块,用于简化 i18n 和 l10n 应用的便携,实现了延迟加载和多元化。

\

DEMO示例:

\
 

官方主页:http://angular-translate./

随着AngularJS的不断流行,会有更多的扩展应用,并大部分都是开源的项目,AngularJS真的非常方便,你不妨也可以试试。

本文链接:http://www./article/6-angularjs-extension.html
本文作者:码农网 – 小峰

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多