Long time did not log into the blog park, today suddenly think about, the original purpose of this is to record your current state and accumulated a number of problems, so record these are still very meaningful, after all, not what cattle, face and eat not full of this era, need to leave something to their own see or to the need to see it.
Good to go back, recently in contact angular JS, also encountered a lot of problems, may later will be more in this direction to learn, today to share some ANGULARJS plug-in
Picture Video Class
- Angular-maxonry Image Wall effect plugin that organizes images into waterfall-like effects, depending 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 placeholder images, customize the bitmap, or use the default bitmap
Input Control class
- Ngdraggable controls dragged by the control element, Demo
- Ngautocomplete loved the automatic completion
- Textangular Text Editor, more concise, more beautiful
- Ngtagsinput organizing input in a tabbed manner
- Angular-slider A control that enters a value by dragging
- Angular Slidezilla and Angular-slider function, but the design style is not the same
- Checklist-model AngularJS Multi Box input value is not handled well, 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 another HTML editor that works well and supports inline editing, which is prettier than Textangular, Github
- Angular-umeditor Baidu Umeditor angularjs expansion, umeditor from the interface is not modern enough, but there are always people like it
Interface class
- Ui-bootstrap Official extension, conveniently used in Angularjs in the form of instructions 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 forms tools for applications that require highly customized tables
- Ng-table Solutions to compromise the above two in terms of ease of use and appearance
- Angularui above the Ui-bootstrap, Ui-map is part of it, the official extended set of extensions, 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 nice 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 be conveniently integrated with third-party account login in Angularjs, support the International mainstream social network account, support 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 bidirectional 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.
original: Http://chensd.com/2015-06/angularjs-popular-plugins-and-directive.html
AngularJS Common plugin directives
