学习总结

arttemplate 扩展函数

   <li data-couponInfo='{{value | objToStr}}'>  //页面

template.helper('objToStr', function (o) {   //tempalte.js
	return JSON.stringify(o);
});

json转换

JSON.stringify(o);//将json对象转换为json字符串
JSON.parse(v);//将josn字符转转成json对象

h5本地存储

 localStorage.setItem("addOrder-couponSelectedList",JSON.stringify(data));//存值
 localStorage.getItem("addOrder-couponSelectedList");取值

arttemplate使用方法

  <ul class="useYhq_selDjq" id="couponList">       
  <script id="templateCouponList" type="text/html">  //在script中进行渲染 要注明id
  {{each productBeans as value index}}   //循环
         <li data-couponInfo='{{value | objToStr}}'></li>
  {{/each}}
  </script>  
  </ul>
  
  var html = template('templateCouponList', data);//调用模板方法
  $('#couponList').html(html);//加载渲染之后结果

判断

{{if value.productCode=="LJ"}}
超值经济舱 > 9张
{{else}}
{{value.cabinText}} {{value.status}}
{{/if}}

{{if value.productCode!="LJ"}}返￥{{value.backPriceStr}}{{/if}}

{{if v.content=="刮刮乐抽奖"}}
class="left jfDe_gglBg"
{{ else if v.content=="连续签到"}}c
lass="left jfDe_qdPlusBg"
{{else if v.content =="签到积分"}}
class="left jfDe_qdBg"
{{else}} 
{{/if}}

例子

var data={};//对象
data["couponList"]=[];//对象中数组
$("#couponList").find(".selLxr_currA").each(function(){
var v=$(this).closest("li").attr("data-couponInfo");
data["couponList"].push(JSON.parse(v));//存值
});
localStorage.setItem("addOrder-couponSelectedList",JSON.stringify(data));//转换字符串

对象

	var o={};
	o["PEK"]="北京";o["SHA"]="上海虹桥";o["PVG"]="上海浦东";