`
weitao1026
  • 浏览: 1064802 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论
阅读更多
<script src="vendor/angular/angular-animate/angular-animate.js"></script>
<script src="vendor/angular/angular-cookies/angular-cookies.js"></script>
<script src="vendor/angular/angular-resource/angular-resource.js"></script>
<script src="vendor/angular/angular-sanitize/angular-sanitize.js"></script>
<script src="vendor/angular/angular-touch/angular-touch.js"></script>

 

Angular-popups基于Angularjs的浮层组件

https://aui.github.io/angular-popups/#popup

 

使用AngularJS有差不多一年时间了,前前后后也用了不少库和指令,整理了一下,分成四大类列出。有demo地址的,就直接连接到demo地址,其它的直接链到github托管库中。

图片视频类

  • angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloadedMasonry

  • angular-deckgrid 另一个照片瀑布流解决方案

    <!-- 超级横幅广告 --> <iframe id="aswift_0" style="left: 0px; top: 0px; position: absolute;" name="aswift_0" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="728" height="90"></iframe>

  • ngImgCrop 图片剪裁工具

  • ngVideo 播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.99%的视频站

输入控件类

界面类

  • ui-bootstrap 官方扩展,在AngularJS中方便的以指令的方式使用Bootstrap

  • ui-map 用于在页面中集成Google Maps

  • NG-Grid 官方提供的表格插件,支持表格的主题、排序、直接编辑、多行选择等操作,而且使用非常简单,只需要一行HTML代码,但是,比较难看,适合于不讲究外观但要求功能强大的场合,像后台工具、管理系统之类

  • angular-table 第三方表格工具,适合于需要对表格进行高度定制的场合

  • ng-table 在易用性和外观上对上面两个进行折衷的解决方案

  • AngularUI 上面的ui-bootstrap、ui-map就是它的一部分,官方提供的常用扩展集,除了这两个,还有ui-router、ui-select等,注意,它使用的是Bootstrap 2.x

  • Adapt-Strap 第三方Bootstrap插件,而且是基于扁平化的Bootstrap 3,更美观

  • ng-polymer-elements Polymer风格的AngularJS指令,Material Design设计,值得尝试

  • Angular Loading Bar 可用于在页面顶部增加一个漂亮的进度条

  • angular-busy 与Angular Loading Bar有点类似,主要用于处理$http通信时候的动画

  • ngInfiniteScroll 从名字可以看出来,它是一个用于组织瀑布流和时间线的扩展

  • ngScrollTo 页内滚动工具,可以将页面滚动到指定id的元素位置

  • ngDialog 比Bootstrap更简单,更好用,更漂亮的网页对话框

  • Angular Treeview 树状目录组织扩展,使用相当方便,而且不依赖于jQuery

  • angular-growl 用于在页面上显示警告框,可以设置显示时间,还可以直接显示$http中收到的警告

  • angular-truncate 当文字过多过长时,显示部分文字的插件,可以按文字总长度来控制,也可以按单词数量来控制

其它工具类

  • angular-translate AngularJS的i18n扩展

  • Satellizer 可以方便的在AngularJS中集成第三方账号登陆,支持国际主流社交网站账号,支持协议有OAuth 1.0/2.0

  • ngStorage 本在存储插件,用于处理localStorage和sessionStorage

  • ng-csv 导出csv的扩展

分享到:
评论

相关推荐

    AngularJS Eclipse 1.2.0 插件下载

    Eclipse AngularJS插件的主要功能包括: 1. **代码自动完成**:在编写AngularJS代码时,插件会提供智能提示,帮助开发者快速输入指令、属性和服务名等,提高编码速度和准确性。 2. **语法高亮和错误检查**:...

    AngularJs所有插件

    这个压缩包文件包含了一系列AngularJS内置的插件和组件,是开发者学习和应用AngularJS的强大资源。让我们详细了解一下AngularJS的核心概念、插件以及组件。 AngularJS的核心特性包括数据绑定、依赖注入、指令和过滤...

    angularjs插件batarang

    angularjs调试插件batarang,用于谷歌浏览器对angular项目进行调试。它对于调试和找到性能瓶颈会很有效。安装后在开发者工具上会多出一个AngularJs选项。通过Enable复选框决定是否启用。

    angularjs -plugin

    **AngularJS插件详解** AngularJS,作为一款强大的前端JavaScript框架,极大地简化了网页应用的开发,特别是对于构建单页应用程序(SPA)。AngularJS插件是开发者在集成开发环境(IDE)中提升AngularJS项目开发效率...

    AngularJS Btarang chrome调试插件

    AngularJS Btarang chrome调试插件,适用于在浏览器调试ng代码

    sublime插件AngularJS

    Sublime Text的AngularJS插件正是针对这个框架提供了增强功能。 当您下载并解压名为"AngularJS.sublime-package"的压缩包后,您需要将它放置到Sublime Text的"Packages"目录下。通常,这个目录位于用户的AppData或...

    dluploader:基本的 AngularJS 插件

    **dluploader: 基本的 AngularJS 插件** AngularJS 是一款强大的前端JavaScript框架,由Google维护,主要用于构建单页应用(SPA)。它通过数据绑定和依赖注入等特性,简化了网页应用的开发。在给定的"dluploader...

    angularjs-eclipse.zip

    此时,你可以新建或打开一个AngularJS项目,Eclipse会自动识别并启用AngularJS插件的相关功能。 总的来说,虽然直接通过Eclipse MarketPlace下载插件更为便捷,但在网络不稳定或特定情况下,手动安装插件同样可靠。...

    angularjs和bootstrap开发的web控件的集合

    标题提到的"angularjs和bootstrap开发的web控件的集合"很可能是一个包含多种AngularJS插件的资源包,旨在帮助开发者更容易地集成Bootstrap的UI元素到AngularJS项目中。 **ng-control-master简介** "ng-control-...

    angularjs入门已经常用的小插件

    ### 常用AngularJS插件 1. **AngularUI Router**:相比于ngRoute,AngularUI Router提供更强大的状态管理,支持嵌套路由和命名视图,使得复杂应用的导航更加便捷。 2. **Angular Material**:Google推出的官方...

    angular-cordova-rolling-logs:一个 AngularJS 插件,它使用 cordova-plugin-file 在设备上提供滚动日志

    Cordova 应用程序的角度滚动日志一个 AngularJS 插件,它使用 cordova-plugin-file 在设备上提供滚动日志。 非常适合与 Cordova 应用程序或 Ionic 等库一起使用,您可以设置保存在设备上的日志并按您指定的大小滚动...

    Cron表达式插件

    这个“Cron表达式插件”很可能是一个方便开发者或系统管理员创建、管理和理解Cron表达式的工具,旨在简化与Cron相关的工作流程。 Cron表达式是由7个子字段组成的字符串,每个字段代表一个时间维度:秒、分钟、小时...

    AngularJS-145.1503.15

    **AngularJS-145.1503.15:IDEA AngularJS插件详解** AngularJS,作为Google推出的前端MVC框架,是Web开发领域的重要组成部分。它以其强大的数据绑定、依赖注入和指令系统著称,为开发者提供了构建动态、响应式Web...

    grails-angularjs-resources:Grails AngularJS插件

    Grails AngularJS资源插件 该插件将资源添加到Grails应用程序中。 它使用Grails来优雅地处理资源。 只需让您的AngularJS资源(服务,控制器等)依赖于“ Angular”模块即可。 还有一个用于AngularJS场景测试的控制...

    AngularJS的浏览器插件ng-inspector.zip

    4. **事件监听**:开发者可以通过插件查看哪些DOM元素绑定了AngularJS事件,如`ng-click`,这对于优化交互和解决事件处理问题非常有用。 5. **脏检查检测**:AngularJS的脏检查机制($digest cycle)有时可能会导致...

    基于angularjs 自己封装的的验证插件

    5. **易于集成**:该插件与AngularJS的表单和指令系统无缝对接,只需在表单或输入字段上添加相应的指令,即可启用自定义验证。 在实际应用中,你可以按照以下步骤使用这个插件: 1. **引入插件**:首先,需要将...

    AngularJS Batarang-crx插件

    **AngularJS Batarang-crx插件详解** AngularJS Batarang是一款专为AngularJS开发者设计的Chrome浏览器扩展,它增强了Chrome的开发者工具,提供了针对AngularJS应用的强大调试和性能分析功能。这款插件的名字...

    mobiscroll AngularJS版

    ### AngularJS 插件的使用 在 `AngularJS` 中使用 `mobiscroll`,首先需要安装相应的插件。通常可以通过以下方式获取: 1. **NPM 安装**:使用命令行工具,如`npm`,运行`npm install angular-mobiscroll`。 2. **...

    基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能

    ngDraggable.js是一个轻量级的AngularJS插件,它提供了一系列自定义指令,使得开发者能够方便地添加拖放功能到AngularJS应用中,从而创建交互式的用户界面。 **基本概念与指令** 1. **ng-drop**: 这个指令用于指定...

    angularjs文件上传插件

    AngularJS 文件上传插件是基于 AngularJS 框架开发的一种功能组件,它极大地简化了在 Web 应用中处理文件上传的过程。AngularJS 是一个强大的前端JavaScript框架,由Google维护,它提供了一种模块化、数据绑定和依赖...

Global site tag (gtag.js) - Google Analytics