ionic框架中有种控件列表，分为无序列表和有序列表，无序列表是用的ul元素，而有序列表用的是ol元素。有序和无序的差别是前面是否有数字，有序列表记录前面有数字，而无序列表没有。下面利用一个具体实例来说明无序列表的用法，详细情况如下：
工具/原料
1
ionic框架
2
AngularJS
3
HBuilder
4
浏览器
5
截图工具
6
CSS3
7
HTML5
方法/步骤
1
第一步，创建的静态页面uls.html，添加手机设备兼容性，并插入ionic框架的js和css文件，修改title标签内文字显示，如下图所示：
2
第二步，在页面主体内插入ul-li，并设置ul样式class为list，li样式class为item，使用月份作为实例，如下图所示：
3
第三步，完成第二步代码编写后，在浏览器中预览静态页面，这时页面显示六个月无序列表内容，每个使用间隔线间隔起来，如下图所示：
4
第四步，将原先的代码改为动态获取值，利用AngularJS的ng-repeat指令，使用动态循环生成无序列表，如下图所示：
5
第五步，在script编辑AngularJS代码，利用$scope.datas给无序列表赋值，如下图所示：
6
第六步，设置完毕后，再次预览该页面，这时页面展示十二个月，并且页面展示的背景色为白色，动态生成无序列表项，如下图所示：
注意事项
1
了解ionic框架中无序列表设置样式，以及有序列表的差异
2
熟练使用AngularJS绑定无序列表数据源，动态生成
上一篇：如何使用图怪兽制作日签
下一篇：去波斯尼亚周边玩哪些景点值得去