加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular好用的插件集合

发布时间:2020-12-17 08:42:07 所属栏目:安全 来源:网络整理
导读:首先介绍两个学习 Angular 的学习资源 AngularJS-Learning 还有recipes-with-angular-js-examples。 两个编写 Angular 的代码规范,分别是angularjs-styleguide和 angular-styleguide 项目文件结构生成的插件(一般要配合 yeoman 等使用) generator-angular

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

  • 项目文件结构生成的插件(一般要配合yeoman等使用)

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

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

    • generator-angularfireYeoman Generator for AngularFire。

    • angular-seed

  • 结合一些后端的工作流

    • ngular-laravel4-workflow。

    • fullstack-demo。

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

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

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

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

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

    • 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,也是非常不错的一个关于动画的一个类库,推荐看一下。

    • ui-grid很不错,观看示例

  • Web开发组件

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

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

    • ngMeditor观看示例

    • angular-atomic-notify

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

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

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

    • ng-file-upload一个上传文件的组件,很不错示例。

    • angular-file-upload观看示例。

    • ng-iScroll结合iScroll 5.x。

    • angular-iscroll观看示例

    • angular-toastr非常不错的消息提示插件,观看示例

    • angular-slider观看详解

    • angular-slider观看示例

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

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

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

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

    • angular-busy一个加载提示插件,观看示例。

    • ng-polymer-elements观看示例。

    • angular-growl

    • ngAutocomplete观看示例。

    • ngImgCrop相当不错的截图插件,观看示例点击预览。

    • angular-masonry观看示例。

    • angular-loading-bar极力推荐的一个加载提示插件,观看示例。

    • angular-umeditor百度 umeditor 富文本编辑器 angularjs 插件。

    • ngInfiniteScroll观看示例。

    • angular-chart.js很不错的图表插件要借助Chart.js,观看示例。

    • angularUtils一位外国人写的许多可以重用的组件。只里面可能会有你喜欢的,有一个分页插件。

    • nprogress观看示例。

    • ngProgress观看示例。

    • angular-dialog-service观看示例点击预览。

  • 与云服务交互

    • angularfireAngularJS bindings for Firebase这也也是推荐大家去看看,firebase是一个A powerful platform for your mobile or web application,类似于国内的leancloud,国外是很流行的。

  • 一些服务插件

    • angular-sortable-view拖拽排序插件,非常不错,观看示例。

    • ngRepeatReorder需要依赖angular-hammerhammer.js,也是一个reorder的插件。

    • ngDraggable一个拖拽插件,观看示例。

    • checklist-model观看示例。

    • ng-readingtime

    • object-table观看示例。

    • angularjs-pubsub

    • angular-socket-io

    • angular-local-storage观看示例。

    • angular-cookies

    • angularWebglDirective

  • 测试,模拟数据的插件

    • karmaSpectacular Test Runner for JavaScript文档protractor

    • protractorE2E test framework for Angular apps文档。

    • mock-angular观看示例。

也希望大家能够把一些好的插件分享出来,或者在这片文章下面留言,我会把它加到这片文章里面,让大家都可以看到^_^

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读