112 使用jsrender绑定数组


使用 jsrender绑定数组数据data。
数据如下:
在这里插入图片描述
显示7天的天气预报情况。
jsrender: https://www.jsviews.com/#home
定义模板如下:
在这里插入图片描述
在这里插入图片描述
ajax请求数据
在这里插入图片描述

1、循环遍历数组,绑定数组元素

在这里插入图片描述
在这里插入图片描述

2、绑定整个数组

在这里插入图片描述
在上述效果中,第一天显示一行,其余6天显示一行呢。

3、修改模板,第一天显示一行,其余6天显示一行

使用jsrendar的条件来进行控制。
在这里插入图片描述
在这里插入图片描述

4、修改模板,设置第一天显示显示

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

5、练一练,显示当天每小时的天气情况

使用jsrendar的循环来实现。
在这里插入图片描述
在这里插入图片描述