小程序-在模板中循环输出

模板视图

循环列表：

            
    
        {{item.name}}
    
    
        {{item.name}}
    
  

js逻辑

var datas = {
    //banner图
    banner: app.imageSource + 'moshi_02.jpg',  
    ti:0,
    items: [
            {
                name:"模式",
                source_path: app.imageSource + 'moshi_02.jpg',
            },
            {
                name: "灯光",
                source_path: app.imageSource + 'picshow_03.jpg',
            },
            {
                name: "空调",
                source_path: app.imageSource + 'kongtiao_03.jpg',
            },
            {
                name: "电视",
                source_path: app.imageSource + 'tv_02.jpg',
            },
            {
                name: "窗帘",
                source_path: app.imageSource + 'curtain _03.jpg',
            }
        ]
};
Page({
    data: datas,
    getImage: function (event) {
        var that = this;
        var index  = event.currentTarget.id;
        var imgSrc = datas.items[index].source_path;            
        that.setData({
            banner:imgSrc,
            ti: index,
        })
    },  
})

注：三元运算（不循环）

模式       
灯光      
空调    
电视    
窗帘