The use of AngularJS has almost a year, and also used a lot of libraries and instructions, organized a bit, divided into four categories listed. If you have a demo address, connect directly to the demo address, and other direct links to the GitHub managed library.
Picture Video Class
- angular-maxonry image Wall effect plugin that organizes images into a waterfall-like effect that relies on jquery, imageloaded, and masonry
- Angular-deckgrid Another photo waterfall flow solution
- Ngimgcrop Picture Clipping tool
- Ngvideo player, direct playback of the specified address of the MP4, control button aesthetics far away from the inside 99.99% video station
- Angular-image-404 when a
img picture of an element is not properly retrieved, use this command to display a placeholder image, customize the bitmap, or use the default placeholder bitmap
Input Control class
- Ngdraggable controls dragged by the control element, Demo
- Ui-sortable adjusts the index and position of the elements in the array in a drag fashion, relying on jQuery and Jquery-ui. Demo
- Ngautocomplete loved the automatic completion
- TextAngular Editor, more concise, more beautiful
- Ngtagsinput organizing input in a tabbed manner
- Angular-slider A control that enters values by dragging
- Angular Slidezilla and Angular-slider function, but the design style is not the same
- Checklist-model AngularJS Multi-box input value processing is not good, through this command, it is convenient to organize the value of the multi-box directly into the array
Text Editor
- TextAngular The first HTML editor in Github, Demo (requires FQ)
- Angular Froala is a very useful HTML editor, and supports inline editing, which is prettier than the textAngular , Github
- Angular-umeditor Baidu umeditor angularjs extension, umeditor from the interface is not modern enough, but there are always people like it
Interface class
- Ui-bootstrap official extension, in AngularJS Convenient to use the instructions in the way bootstrap
- Ui-map for integrating Google Maps into your pages
- Ng-grid Official table plugin, support the table theme, sorting, direct editing, multi-line selection and other operations, and the use is very simple, only a single line of HTML code, but it is more ugly, suitable for the appearance but the requirements of powerful occasions, such as background tools, management systems and so on
- Angular-table third-party form tool for applications that require highly customized tables
- Ng-table solutions to compromise the above two in terms of ease of use and appearance
- Angular The UI above the Ui-bootstrap, Ui-map is part of it, the official extension set, in addition to these two, there are ui-router, ui-select, etc., note that it uses Bootstrap 2.x
- Adapt-strap third-party bootstrap plug-in, and is based on flat bootstrap 3, more beautiful
- Ng-polymer-elements Polymer style Angularjs instruction, Material design, worth trying
- Angular Loading Bar can be used to add a beautiful progress bar at the top of the page
- Angular-busy is a bit like angular Loading bar, mainly used to deal with the animation of $http communication
- Nginfinitescroll can be seen from the name, which is an extension for organizing waterfall streams and timelines
- Ngscrollto the page Scroll tool, you can scroll the page to the element location of the specified ID
- Ngdialog easier than Bootstrap, better use, more beautiful web dialog box
- Angular TreeView Tree Directory Organization extension, use is quite convenient, and does not depend on jquery
- angular-growl is used to display a warning box on the page, you can set the display time, and you can directly display the warnings received in $http
- Angular-truncate when the text is too long, display some of the text of the plug-in, can be controlled by the total length of the text, can also be controlled by the number of words
- Angular-fallback-image When your image address returns to 404, use this plugin to replace it with another bitmap
Other tool classes
- angular-translate angularjs's i18n extension
- Satellizer can conveniently integrate the third-party account login in AngularJS, support the International mainstream social network account, support the agreement has OAuth 1.0/2.0
- Ngstorage in the storage plug-in for handling localstorage and Sessionstorage
- Ng-csv Export of CSV extensions
- Angular-once Two-way binding is convenient, but if there is too much data, it can cause some performance problems.
angular-oncethe solution is, for data that does not involve modification, do not use two-way binding, but instead use angular-once the provided once-text , and once-src so on.
Angularjs Common plug-ins and instruction collection
