<1ink href="/lib/ionic/css/ionic.css" rel="stylesheet">

菜品种类

{(item.name）}

在上述代码中,在主界面定义了一个菜品列表。通过定时器来模拟延时加载菜品列表的效果,在列表加载完毕前显示载入指示器。

第25~31行定义的show()方法用于显示载入指示器;第33~37行使用定时器设置2000ms后为列表添加数据，显示数据后隐藏载入指示器。

使用Chrome浏览器访问demol16-.html,可以看到载入指示器(一个载入图标显示在背景幕上)。
2000ms后,列表显示列表数据，隐藏载入指示器

猜你喜欢：

图片懒加载实现原理？如何实现懒加载？

移动端touch事件解析判断拖动方向

前端与移动开发：Js中调试小技巧tips---断点调试

怎样添加、移除、移动、复制、创建和查找节点？

大阳城app官网入口web前端与移动开发培训

上一篇：图片懒加载实现原理？如何实现懒加载？ 下一篇：为什么要使用IndexedDB？IndexedDB有哪些特点？