Angularjs Development Summary, angularjs Development

Source: Internet
Author: User

Angularjs Development Summary, angularjs Development

AngularJS has been used for almost a year, and many databases and commands have been used before and after, sorted out and listed in four categories. If you have a demo address, you can directly connect to the demo address, and other resources can be directly linked to the github repository.

Image and video
  • Angular-maxonry image wall effect plug-in, which can organize images into effects similar to Waterfall streams, depending on jQuery, imageloaded, and Masonry

  • Angular-deckgrid another photo waterfall stream Solution

    NgImgCrop image cropping Tool

  • The ngVideo player directly plays the mp4 at the specified address. The control button is far away from the inner 99.99% video station.

Input control class
  • NgDraggable controls the drag of elements, Demo

  • Angular-umeditor: AngularJS extension of Baidu umeditor. umeditor is not modern enough on the interface, but some people like it.

  • NgAutocomplete

  • TextAngular text editor, simpler and more beautiful

  • NgTagsInput organizes input by tag

  • Angular-slider controls that input values by dragging

  • Angular Slidezilla has the same functions as Angular-slider, but has different design styles.

Interface Class
  • Official ui-bootstrap extension, which allows you to conveniently use Bootstrap in the form of commands in AngularJS

  • Ui-map is used to integrate Google Maps into pages.

  • The table plug-in officially provided by NG-Grid supports the following operations: topic, sorting, direct editing, and multi-row selection of tables. It is very simple to use and only requires one line of HTML code. However, difficult to understand, suitable for occasions that do not pay attention to appearance but require powerful functions, such as background tools and management systems

  • Angular-table, a third-party table tool, is suitable for scenarios where you need to customize tables.

  • Ng-table compromise the above two solutions in terms of ease of use and appearance

  • Ui-bootstrap and ui-map on AngularUI are part of them. Common extensions officially provided include ui-router and ui-select. Note, it uses Bootstrap 2.x

  • Adapt-pilot third-party Bootstrap plug-in, and is based on flat Bootstrap 3, more beautiful

  • Ng-polymer-elements-AngularJS commands in the Polymer style, designed by Material Design, are worth trying.

  • Angular Loading Bar can be used to add a beautiful progress Bar to the top of the page.

  • Angular-busy is similar to Angular Loading Bar, which is mainly used to process animations during $ http Communication.

  • NgInfiniteScroll is an extension used to organize waterfall streams and timelines.

  • The ngScrollTo page rolling tool that can scroll the page to the element position of the specified id

  • NgDialog is simpler, easier to use, and more beautiful web page dialog box than Bootstrap

  • Angular Treeview tree directory organization extension, easy to use, and not dependent on jQuery

  • Angular-growl is used to display a warning box on the page. You can set the display time and directly display the warning received in $ http.

  • Angular-truncate when the text is too long, the plug-in that displays part of the text can be controlled by the total length of the text, or by the number of words

Other tools
  • Angular-translate AngularJS i18n Extension

  • Satellizer can easily integrate a third-party account to log on to AngularJS. It supports mainstream international social network website accounts and supports the Protocol OAuth 1.0/2.0.

  • NgStorage is stored in the storage plug-in for processing localStorage and sessionStorage

  • Expansion of csv exported by ng-csv

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.