微信小程序 在index.js中改变全局变量 使得index.wxml中的数据显示和隐藏

如何有效的改变全局变量？？

请各位大佬帮我看看 十分感谢

index.wxml代码如下：

在这里插入代码片 <view class='message' bindtap='goToDetail' wx:for='{{messageList}}' wx:for-item='list' wx:key='{{list.id}}' data-id='{{list.id}}'> <!-- 一个通知消息 --> <view class='news' wx:if='list.flag'> <image src='{{list.headImg}}'></image> <view class='newsContent'> <view class='newsNick'>{{list.school}} {{list.userName}}</view> <view class='newsCon'>{{list.opionion0}}</view> </view> <text class='messageTime'>{{list.time}}</text> </view> <!-- 一个通知消息结束 --> </view>

index.js代码如下

在这里插入代码片 zan:function(e){ var zan=getApp().globalData.messageList; for(var i=0;i<zan.length;i++){ if(zan[i].ID=='zt'){ this.setData({ state:false }) getApp().globalData.messageList[i].flag=false; } console.log(getApp().globalData.messageList[i].flag); } }

app.js中是个数组。

在这里插入代码片 App({ globalData:{ messageList:[{ id: 'x001', ID:'pl', flag: true, opionion0: '今天头好晕呀，不想学习怎么办', headImg: '../../images/headImages/head1.jpg', school: '西南石油大学', userName: '伶曦呀', time: '19/4/18/17:17', content:'今天和我一起跑步好吗？' },{ id: 'x002', ID: 'zt', flag: true, opionion0: '明天要去玩了，哈哈哈', headImg: '../../images/headImages/head2.jpg', school: '海南大学', userName: '伶曦呀', time: '19/4/18/17:17', }, { id: 'x003', ID: 'bzt', flag: true, opionion0: '好想喝水呀', headImg: '../../images/headImages/head3.jpg', school: '北京大学', userName: '猪猪呀', time: '19/4/18/17:17', } ] }})

功能说明：我想实现的功能是：当点击index.wxml上的某个页面时，在index.js中改变全局变量中数组的flag的值，来实现ID的筛选（即：ID和按钮一样的显示，不一样的数据隐藏） 困难：我现在改变了全局变量flag的值，但是点击按钮时，该隐藏的并没有隐藏。请问我该怎么办？