Angular Handy plug-in collection (in continuous update)

Source: Internet
Author: User
Tags generator

Turn from: https://segmentfault.com/a/1190000003858219

First, we introduce two learning angular resources angularjs-learning and recipes-with-angular-js-examples.
Two code specifications for writing angular, angularjs-styleguide and angular-styleguide respectively

The plug-ins generated by the project file structure (usually used with yeoman etc.)

Generator-angular This generator generates the file structure is divided according to the type, is controller put together, the service put together, directive put together, route file only one. This structure works well for projects that are not very large, and once the project becomes large, it makes the project less maintainable.

Generator-hottowel the file structure generated by this generator is divided according to the module function; For example, there may be many modules in your project, possibly the user module, the home module, and so on; Each module contains the following files: module, Controller,route,service is used to declare this module, route is the routing file for this module, and service is the services of this module. Details also need to go to GitHub to get a closer look.

Generator-angularfire Yeoman Generator for Angularfire.

Angular-seed

Combine some back-end workflows

Ngular-laravel4-workflow.

Fullstack-demo.

Some UI frames or libraries about angular

Ionic is a pretty good mobile application UI framework, it has its own excellent performance, with angular and Ngcordova, plus firebase can quickly build a hybrid mobile app, strongly recommended to see. About Ng-cordova can look here, quite good, also strongly recommend everyone to see.

Mobile-angular-ui combines a mobile UI of Bootstrap 3.

The angular Material conforms to the Material specification of a front-end framework implemented using angular, and the effect is quite good.

Angularstrap some combination of bootstrap 3 instructions to help you build your application faster.

Angularui a big luxury package about angular.

  + [**ui. ace**] (https://angular-ui.github.io/ui-ace/) + [**alias**] (Https://github.com/angular-ui/alias) + [**ui bootstrap** ] (https://angular-ui.github.io/bootstrap/) + [**ui calendar**] (https://angular-ui.github.io/ui-calendar/) + [**ui chart**] (http://angular-ui.github.io/ui-chart/) + [**ui codemirror**] (https://angular-ui.github.io/ui-codemirror/ ) + [**ui date**] (https://angular-ui.github.io/ui-date/) + [**ui event**] (https://htmlpreview.github.io/?https:// github.com/angular-ui/ui-event/master/demo/index.html) + [**angular Google maps**] (http://angular-ui.github.io/ angular-google-maps/) + [**angular UI grid**] (http://ui-grid.info/) + [**ui indeterminate**] (https://htmlpreview.gith ub.io/?https://github.com/angular-ui/ui-indeterminate/master/demo/index.html) + [**UI Layout**] (https:// angular-ui.github.io/ui-layout/) + [**ui map**] (http://angular-ui.github.io/ui-map/) + [**ui mask**] (https:// htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html) + [**ui router**] (Https://angular-ui.github.io/ui-router/site/#/api/ui.router) is essential for the use of ' angular '. + [**ui scroll**] (http://angular-ui.github.io/ui-scroll/demo/) + [**ui scrollpoint**] (https://htmlpreview.github.io /?https://github.com/angular-ui/ui-scrollpoint/master/demo/index.html) + [**ui select**] (https://github.com/ Angular-ui/ui-select) + [**ui slider**] (https://angular-ui.github.io/ui-slider/demo/demo.html) + [**ui sortable**] ( https://angular-ui.github.io/ui-sortable/) + [**ui tinymce**] (HTTPS://GITHUB.COM/ANGULAR-UI/UI-TINYMCE) + [**ui Tour * *] (https://angular-ui.github.io/ui-tour/demo/demo.html) + [**ui uploader**] (Https://htmlpreview.github.io/?https ://github.com/angular-ui/ui-uploader/master/demo/index.html) + [**ui validate**] (https://htmlpreview.github.io/? https://github.com/angular-ui/ui-validate/master/demo/index.html) + [IDE Plugins] (http://angular-ui.github.io/#
 Ide-plugins)

Famous-angular here by the way to understand the famous, but also very good one about the animation of a class library, recommended to see.

Ui-grid very good, see example

Web Development Components

Restangular in the development of the basic will be used.

Ngdialog is a very good pop-up window plug-in, very lightweight, but the function is very powerful, you can look at the example.

Ngmeditor Watch Sample

Angular-atomic-notify

Ngsweetalert This pop-up plugin is also quite good, recommend you to see the example, Ng-sweet-alert is the version of the plug-in, you can view the sample.

V-button a button component similar to the material specification, it's a good recommendation to see an example.

V-modal A modal box component similar to the material specification, it is a good recommendation to see an example.

Ng-file-upload is a good example of a component that uploads files.

Angular-file-upload to see the sample.

Ng-iscroll combined with Iscroll 5.x.

Angular-iscroll Watch Sample

ANGULAR-TOASTR very good message hint plugin, watch sample

Angular-slider View detailed

Angular-slider Watch Sample

Angular-hammer to be used in conjunction with Hammer.js.

Angular-gestures also need to combine hammer.js to use.

Ng-material-floating-button to see the sample.

Angular-deckgrid A Lightweight masonry-like grid for ANGULARJS. View sample

Angular-busy a load prompt plug-in to view the sample.

Ng-polymer-elements to see the sample.

Angular-growl

Ngautocomplete to see the sample.

Ngimgcrop pretty good screenshot plugin, watch sample click Preview.

Angular-masonry to see the sample.

Angular-loading-bar strongly recommend a load prompt plug-in to watch the example.

Angular-umeditor Baidu Umeditor Rich Text editor Angularjs plugin.

Nginfinitescroll to see the sample.

Angular-chart.js very good chart plug-ins to use the chart.js to see the example.

Angularutils a number of reusable components written by a foreigner. Only inside may have you like, have a paging plugin.

Nprogress to see the sample.

Ngprogress to see the sample.

Angular-dialog-service View Sample Click Preview.

Interacting with cloud services

Angularfire Angularjs Bindings for Firebase This is also recommended for everyone to take a look at Firebase is a a powerful platform for your mobile or Web application, class Like the domestic leancloud, foreign is very popular.

Some service Plug-ins

Angular-sortable-view drag and drop the sort plugin, very nice to watch the sample.

Ngrepeatreorder need to rely on

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.