zoukankan      html  css  js  c++  java
  • template 的简单使用

    地址:
    https://github.com/aui/art-template

    基本用法:

    循环 img 是数组 value index 注意如果自己没有定义value 和index,的话可以使用{{$value}} {{$index}}

    {{each img value index}}
    							<img src="{{value.url}}">
    						{{/each}}
    

    判断

    {{each p1 value index}}
    								{{if value ==0}}
    									<p>0 ele</p>
    								{{else if value ==1}}
    									<p>1 ele</p>
    								{{else}}
    									<p>other ele</p>
    								{{/if}}
    							{{/each}}
    

    	var data = {
    			title:'abcd',
    			img:[{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'}],
    			p:['dasjka','adsads','dsads'],
    			p1:[0,1,2,3,5]
    		};
    记得data 是对象形式的
    如果请求返回的数据是数组,数组里面放着对象,可以先使用for循环进行template操作
    
    
    var temp = template('demo',data);
    		document.getElementsByClassName('container')[0].innerHTML=temp;
    

  • 相关阅读:
    k8s的包管理
    k8s的paas平台
    zookeeper相关
    java之rpc/orm
    java之spring
    EK算法
    SAM学习笔记
    生日悖论不是“悖论”!
    分块--莫队学习粗略预习
    二项式反演学习笔记
  • 原文地址:https://www.cnblogs.com/cyany/p/9497184.html
Copyright © 2011-2022 走看看