angular好用的插件集合

首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。
两个编写Angular的代码规范&＃xff0c;分别是angularjs-styleguide和angular-styleguide

• 项目文件结构生成的插件&＃xff08;一般要配合yeoman等使用&＃xff09;

  • generator-angular 这种生成器生成的文件结构是按照类型来划分的&＃xff0c;就是controller放在一起&＃xff0c;service放在一起&＃xff0c;directive放在一起&＃xff0c;route文件只有一个。这种结构适合不是很大的项目&＃xff0c;一旦项目大了起来使用这种方式就使项目变得不太容易维护。

  • generator-hottowel 这种生成器生成的文件结构是按照模块功能来划分的&＃xff1b;举个例子&＃xff0c;你的项目中可能有许多模块&＃xff0c;可能是user模块&＃xff0c;home模块等等&＃xff1b;每个模块都包含下面这几种文件&＃xff1a;module&＃xff0c;controller&＃xff0c;route&＃xff0c;service等&＃xff1b;module用来声明这个模块&＃xff0c;route是这个模块的路由文件&＃xff0c;service是这个模块的服务。详情还需到github上面仔细了解一下。

  • generator-angularfire Yeoman Generator for AngularFire。

  • angular-seed

• 结合一些后端的工作流

  • ngular-laravel4-workflow。

  • fullstack-demo。

• 关于Angular的一些UI框架或者库

  • ionic 相当不错的移动应用UI框架&＃xff0c;它自己本身就有着很出色的表现&＃xff0c;配合Angular以及ngCordova&＃xff0c;再加上firebase可以快速的打造一个hybrid mobile app&＃xff0c;强烈推荐看一看。关于ng-cordova可以看看这里&＃xff0c;相当不错&＃xff0c;也是强烈推荐大家看看。

  • mobile-angular-ui 结合Bootstrap 3的一个移动UI。

  • Angular Material 符合material规范的使用Angular实现的一个前端框架&＃xff0c;效果相当不错。

  • AngularStrap 一些结合Bootstrap 3的指令&＃xff0c;帮助你更快的打造你的应用。

  • AngularUI 一个关于Angular的超大豪华套餐。

    • UI.Ace

    • alias

    • UI Bootstrap

    • UI Calendar

    • UI Chart

    • UI Codemirror

    • UI Date

    • UI Event

    • Angular Google Maps

    • Angular UI Grid

    • UI Indeterminate

    • UI Layout

    • UI Map

    • UI Mask

    • UI Router 基本是使用Angular必用的。

    • UI Scroll

    • UI Scrollpoint

    • UI Select

    • UI Slider

    • UI Sortable

    • UI Tinymce

    • UI Tour

    • UI Uploader

    • UI Validate

    • IDE Plugins

  • famous-angular这里顺便可以了解一下famous&＃xff0c;也是非常不错的一个关于动画的一个类库&＃xff0c;推荐看一下。

  • ui-grid 很不错&＃xff0c;观看示例

• Web开发组件

  • restangular 开发中基本都会用到的。

  • ngDialog 非常不错的弹出窗插件&＃xff0c;很轻量&＃xff0c;但是功能却很强大&＃xff0c;可以看看示例。

  • ngMeditor 观看示例

  • angular-atomic-notify

  • ngSweetAlert 这个弹出框插件做的也是相当不错&＃xff0c;推荐大家去看看示例&＃xff0c;ng-sweet-alert是这个插件的ng版本&＃xff0c;可以查看示例。

  • v-button 类似material规范的一个按钮组件&＃xff0c;很不错推荐看看示例。

  • v-modal 类似material规范的一个模态框组件&＃xff0c;很不错推荐看看示例。

  • ng-file-upload 一个上传文件的组件&＃xff0c;很不错示例。

  • angular-file-upload 观看示例。

  • ng-iScroll 结合iScroll 5.x。

  • angular-iscroll 观看示例

  • angular-toastr 非常不错的消息提示插件&＃xff0c;观看示例

  • angular-slider 观看详解

  • angular-slider 观看示例

  • angular-hammer 要结合hammer.js使用。

  • angular-gestures 也要结合hammer.js来使用。

  • ng-material-floating-button 观看示例。

  • angular-deckgrid A lightweight masonry-like grid for AngularJS.观看示例

  • angular-busy 一个加载提示插件&＃xff0c;观看示例。

  • ng-polymer-elements 观看示例。

  • angular-growl

  • ngAutocomplete 观看示例。

  • ngImgCrop 相当不错的截图插件&＃xff0c;观看示例