码迷,mamicode.com
首页 > Web开发 > 详细

小程序wxml与js脚本进行数据绑定

时间:2017-10-13 23:45:02      阅读:343      评论:0      收藏:0      [点我收藏+]

标签:原创   nload   需要   xxx   set   options   title   image   改变   

  我们知道jQuery是dom优先,在angular中是以数据优先。小程序借鉴了angular,也是以数据优先。今天,来看看在小程序中是如何实现数据绑定的。

1.在xxx.js中使用“假数据”:

data: {

},
onLoad: function (options) {
var post_content1={
date: ‘OCT 12 2016‘,
title: ‘葉秋月‘,
post_img:‘/image/post/crab.png‘,
content:‘《你的名字。》是由新海诚执导,由神木隆之介、上白石萌音担任主要配音的一部原创日本动画电影‘,
view_num:‘999‘,
collect_num:‘999‘,
author_img:‘/image/avatar/1.png‘,
}
//下面语句设置数据,参数必须是json类型,这样做相当于在data获取了数据
this.setData(post_content1);
}
 
2.在xxx.wxml中调用数据
语法是:{{变量名}};
比如:获取data中的date数据,语法是:{{date}};
 
效果也出来了,完美实现数据绑定。需要注意的是,小程序会哦在那个的绑定是单向绑定,意思是在wxml中改变了数据,在js中的数据是不变的。
技术分享

 

小程序wxml与js脚本进行数据绑定

标签:原创   nload   需要   xxx   set   options   title   image   改变   

原文地址:http://www.cnblogs.com/ge1in/p/7663650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!