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

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

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

index.wxml代码如下：

在这里插入代码片

      
      
        
        
          {{list.school}} {{list.userName}}
          {{list.opionion0}}
        
        {{list.time}}
      
        
    

index.js代码如下

在这里插入代码片
zan:function(e){
    var zan=getApp().globalData.messageList;
    for(var i=0;i

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的值，但是点击按钮时，该隐藏的并没有隐藏。请问我该怎么办？