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