1、第一步,创建的静态页面uls.html,添加手机设备兼容性,并插入ionic框架的js和c衡痕贤伎ss文件,修改title标签内文字显示,如下图所示:
2、第二步,在页面主体内插入ul-li,并设置ul样式class为list,li样式class为item,使用月份作为实例,如下图所示:
3、第三步,完成第二步代码编写后,在浏览器中预览静态页面,这时页面显示六个月无序列表内容,每个捂执涡扔使用间隔线间隔起来,如下图所示:
4、第四步,将原先的代码改为动态获取值,利用AngularJS的ng-repeat指令,使用动态循环生成无序列表,如下图所示:
5、第五步,在script编辑AngularJS代码,利用$scope.datas给无序列表赋值,如下图所示:
6、第六步,设置完毕后,再次预览该页面,这时页面展示十二个月,并且页面展示的背景色为白色,动态生成无序列表项,如下图所示: