`

用angular重写prime ui的控件分享

 
阅读更多

PrimeUI是JSF框架Primefaces的团队开发的一套基于jquery/jquery-ui的一套前端控件库,

github上有人基于PrimeUI做了angular的wrapper,但我觉得不够the angular way——当然the angular way我也不绝对认同,我这次重新的代码也有很多dom操作、事件代理而非用模板。目前已经重写了以下控件,和PrimeUI相比还缺少dialog/menu系列,代码共享在github/osc git上,如果有感兴趣的童鞋,可以参考下,欢迎拍砖,和push request。

 

https://github.com/segment11/angular-primeui/

http://git.oschina.net/key232323/angular-primeui

 

angular-pui截图

 

 

PS: 这些控件很多不具有生产价值,功能简单是一方面原因,另一个重要原因是性能,尤其是在IE8这样的浏览器中,等我工作不忙时候我会逐步完善这个项目。

 

 

 

分享到:
评论

相关推荐

    mobile-angular-ui-1.3.3

    mobile-angular-ui提供了开箱即用的侧滑菜单组件,用户只需简单配置就能实现这一功能。 4. **下拉刷新和加载更多**:在滚动列表中,下拉刷新和上拉加载更多是常见的交互模式。mobile-angular-ui提供这些功能,帮助...

    基于Angular4Coreui后端管理的单页应用

    **Angular4Coreui后端管理的单页应用详解** Angular4是Google维护的前端JavaScript框架,主要用于构建单页面应用程序(SPA)。它提供了丰富的特性和工具,使得开发人员能够高效地构建复杂的、动态的Web应用。在...

    angular.js ui-router 用法示例demo

    标题“angular.js ui-router 用法示例demo”指的是一个展示AngularJS中UI-Router实际应用的实例。这个示例旨在帮助初学者理解如何在项目中有效地使用UI-Router。 描述中的“angular.js路由”是指AngularJS的基础...

    angular-ui-bootstrap

    Angular UI Bootstrap 是一个由 AngularJS 社区开发的库,它提供了基于 Bootstrap 的组件和服务,使得在 AngularJS 应用程序中使用 Bootstrap 的 UI 组件变得更加简单和方便。这个库将 Bootstrap 的 CSS 和 ...

    Angular-ej2-angular-ui-components.zip

    Angular-ej2-angular-ui-components.zip,SyncFusion Angular UI组件库为构建现代Web应用程序提供了50多个跨浏览器、响应灵敏且轻量级的Angular UI控件。SyncFusion Angular UI组件库(Essential JS 2),Angularjs于...

    angular 富文本控件

    在Angular框架中,富文本编辑器控件是一个重要的组件,它允许用户在应用程序中创建、编辑和格式化复杂的文本内容。这些控件通常用于博客、文章编辑、表单输入等场景,提供比普通文本框更丰富的用户体验。在本篇文章...

    Angular-OnsenUI.zip

    基于Web组件,并为Angular 1、2、React和Vue.js.onsen UI提供绑定-跨平台混合应用程序和PWA框架,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的...

    Angular-igniteui-angular.zip

    Angular-igniteui-angular.zip,Angular的IgniteUI是一个用于构建现代Web应用程序的无依赖性Angular工具包。,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular...

    前端项目-angular-ui-sortable.zip

    要使用`angular-ui-sortable`,首先需要确保项目中已经引入了jQuery和jQuery UI库,因为该模块依赖于这两个库的Sortable功能。然后,通过npm或bower等包管理工具将`angular-ui-sortable`添加到项目中。安装完成后,...

    前端项目-angular-block-ui.zip

    在使用Angular Block UI时,应避免过度使用或滥用,以免对用户体验造成负面影响。合理地设置阻塞时机,以及提供清晰的加载提示,可以帮助用户理解当前应用的状态。 总结来说,Angular Block UI是一个强大的工具,...

    Angular-igniteui-cli.zip

    Angular-igniteui-cli.zip,通过infragislignite ui cli点燃ui命令行界面,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web...

    ANGULAR_UI_DEVELOPMENT_WITH_PRIMENG.pdf

    本书标题为"ANGULAR_UI_DEVELOPMENT_WITH_PRIMENG",可以理解为“使用PrimeNG的Angular用户界面开发”。描述中提到使用PrimeNG构建丰富且引人入胜的Angular Web应用程序,PrimeNG是一个提供丰富组件库以用于Angular...

    WebUI4Angular

    WebUI4Angular结合了这两者,为Angular开发者提供了一套现成的、易于使用的界面组件。 【文件名称列表】中的文件反映了WebUI4Angular库的主要组成部分: 1. `index_demo.html` 和 `index.html`:这是示例或入口页面...

    前端项目-angular-ui-calendar.zip

    而当我们需要在Web应用中集成日历功能时,AngularJS的扩展库Angular UI-Calendar就显得尤为实用。这个前端项目——"angular-ui-calendar.zip",正是基于AngularJS的arshaw完整日历的完整AngularJS指令实现,旨在帮助...

    Angular-igniteui-angular-wrappers.zip

    Angular-igniteui-angular-wrappers.zip,通过注册表下的ui包装器点燃ui角组件扩展,Angularjs于2016年发布,是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发...

    前端项目-angular-ui-tree.zip

    使用Angular UI Tree时,开发者可以利用其提供的API来实现以下功能: - **添加、删除和移动节点(Add, Remove, Move Nodes)**: 支持动态操作树结构。 - **监听事件(Event Handling)**: 可以监听并响应拖放、展开...

    前端项目-angular-ui-validate.zip

    Angular UI Validate是一个用于扩展AngularJS的库,它提供了强大的验证功能,使得开发者能够更方便地在表单控件上实现自定义验证规则。这个项目的源代码存放在名为"ui-validate-master"的压缩包中,下面我们将详细...

    前端项目-angular-ui-codemirror.zip

    在实际应用中,Angular UI Codemirror的使用通常包括以下几个步骤: 1. **安装依赖**:首先,你需要在项目中引入AngularJS和CodeMirror库。可以通过npm或者bower进行安装,例如`npm install angular-ui-codemirror ...

Global site tag (gtag.js) - Google Analytics