liumang361

导航

#

[置顶] AngularJs的UI组件ui-Bootstrap分享(一)

摘要: 最近几个月学习了AngularJs和扩展的UI组件,并在公司小组内做了一次分享交流,感觉很有收获,在此记录下个人的学习心得。 目录: AngularJs的UI组件ui-Bootstrap分享(一) AngularJs的UI组件ui-Bootstrap分享(二)——Collapse AngularJs 阅读全文

posted @ 2016-06-19 11:04 pilixiami 阅读(27203) 评论(1) 推荐(3) 编辑

2016年10月19日 #

AngularJs项目实践总结

摘要: 今年3月接触AngularJs,并且在6月的项目中开始应用,从踩坑到填坑花了不少时间,根据项目中的实际应用情况总结了一些经验,如下: 一.UI控件选择 Angularjs是不缺控件的,Github里现成的控件非常丰富,基本上足以应付一个普通管理系统中常见的控件需求。但是控件的丰富会带来选择的困难。选 阅读全文

posted @ 2016-10-19 20:33 pilixiami 阅读(3100) 评论(10) 推荐(4) 编辑

2016年8月1日 #

AngularJs的UI组件ui-Bootstrap分享(十四)——Carousel

摘要: Carousel指令是用于图片轮播的控件,引入ngTouch模块后可以在移动端使用滑动的方式使用轮播控件。 1 <!DOCTYPE html> 2 <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> 3 <he 阅读全文

posted @ 2016-08-01 13:08 pilixiami 阅读(6420) 评论(3) 推荐(0) 编辑

2016年7月31日 #

AngularJs的UI组件ui-Bootstrap分享(十三)——Progressbar

摘要: 进度条控件有两种指令,第一种是uib-progressbar指令,表示单一颜色和进度的一个进度条。第二种是uib-bar和uib-progress指令,表示多种颜色和多个进度组合而成的一个进度条。 这是一个使用uib-progressbar指令的例子: 1 <!DOCTYPE html> 2 <ht 阅读全文

posted @ 2016-07-31 22:54 pilixiami 阅读(4964) 评论(0) 推荐(0) 编辑

AngularJs的UI组件ui-Bootstrap分享(十二)——Rating

摘要: Rating是一个用于打分或排名的控件。看一个最简单的例子: 1 <!DOCTYPE html> 2 <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv= 阅读全文

posted @ 2016-07-31 18:01 pilixiami 阅读(3495) 评论(2) 推荐(1) 编辑

AngularJs的UI组件ui-Bootstrap分享(十一)——Typeahead

摘要: Typeahead指令是一个用于智能提示或自动完成的控件,就像Jquery的AutoComplete控件一样。来看一个最简单的例子: 1 <!DOCTYPE html> 2 <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/ 阅读全文

posted @ 2016-07-31 14:54 pilixiami 阅读(6032) 评论(0) 推荐(1) 编辑

2016年7月25日 #

AngularJs的UI组件ui-Bootstrap分享(十)——Model

摘要: Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服务,创建模态窗口是使用$uibModal.open()方法。 创建模态窗口时,要有一个模态窗口的模板和对应的控制器,然后在open()方法的参数中指定它们。来看一个例子: 1 <!DOCTYPE html> 阅读全文

posted @ 2016-07-25 22:49 pilixiami 阅读(17712) 评论(1) 推荐(1) 编辑

2016年7月23日 #

AngularJs的UI组件ui-Bootstrap分享(九)——Alert

摘要: alert指令会在页面上显示一条提示消息,效果是这样: 代码为: 1 <!DOCTYPE html> 2 <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equi 阅读全文

posted @ 2016-07-23 21:40 pilixiami 阅读(6051) 评论(0) 推荐(0) 编辑

2016年7月16日 #

AngularJs的UI组件ui-Bootstrap分享(八)——Tooltip和Popover

摘要: tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲,这两个指令虽然可以正常工作,但是从用户体验的角度并不推荐使用。 先说tooltip,tooltip有三种使用方式: (1) uib-tooltip 定义提示的文本 (2)uib-tooltip-html 定义提示的ht 阅读全文

posted @ 2016-07-16 22:49 pilixiami 阅读(16679) 评论(2) 推荐(0) 编辑

2016年7月5日 #

AngularJs的UI组件ui-Bootstrap分享(七)——Buttons和Dropdown

摘要: 在ui-Bootstrap中,Buttons控件和Dropdown控件与form表单中的按钮和下拉框名字很像,但实际上这两个控件有新的含义。 先说Buttons,它是一组按钮,用来实现form表单中的单选框和复选框的功能,样式上可以自定义,功能也可以扩展,可以替代单选框和复选框。 1 <!DOCTY 阅读全文

posted @ 2016-07-05 12:47 pilixiami 阅读(13164) 评论(1) 推荐(0) 编辑

2016年7月2日 #

AngularJs的UI组件ui-Bootstrap分享(六)——Tabs

摘要: tabs控件使用uib-tabset指令和uib-tab指令,效果是这样的: 1 <!DOCTYPE html> 2 <html ng-app="ui.bootstrap.demo" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta htt 阅读全文

posted @ 2016-07-02 22:21 pilixiami 阅读(18184) 评论(4) 推荐(1) 编辑