大神們好！
需要定義的代碼如下：

<view class="demo_imgs">
  <view id="{{id}}">
    <view bindtap="showMa" wx:if="{{bol}}">
      <image src="{{newsList[0].img}}" class="demo_in_img" background-size="cover" model="scaleToFill"></image>
    </view>
    <view bindtap="showMa" wx:elif="{{true}}">
      <image src="{{newsList[0].img2}}" class="demo_in_img" background-size="cover" model="scaleToFill"></image>
    </view>
  </view>
</view>

以上代碼可正常顯示圖片。但定義后顯示空白頁，代碼如下：

<template name="items">

<view class="demo_imgs">
  <view id="{{id}}">
    <view bindtap="showMa" wx:if="{{bol}}">
      <image src="{{newsList[0].img}}" class="demo_in_img" background-size="cover" model="scaleToFill"></image>
    </view>
    <view bindtap="showMa" wx:elif="{{true}}">
      <image src="{{newsList[0].img2}}" class="demo_in_img" background-size="cover" model="scaleToFill"></image>
    </view>
  </view>
</view>

</template>

<view wx:for="{{newsList}}" class="list">
  <template is="items" data="{{...item}}" />
</view>

定義后就無法顯示需顯示的圖片，煩請大神指教，謝謝啦！

20170502補充：
經測試，將 <template is="items" data="{{...item}}"/>
中的{{…item}}改為{{newsList}}可正常顯示，但需實現的功能：點擊圖片切換圖片仍無效（定義模板前是可正常切換的），問題在于<view bindtap="showMa" wx:if="{{bol}}">中的{{bol}}在定義模板后無法獲取羅輯層true可false的值嗎？這是為什么呢？
或者有沒有其他辦法可以在模板內實現“點擊圖片切換另一圖片”的方法呢？

附JS代碼

data: {
    newsList:[
      {id: 1, img: "../images/ad.jpg", img2: "../images/weixinad.jpg"},
      {id: 2, img: "../images/weixinad.jpg", img2: "../images/ad.jpg"},
    ],
    bol:true
  },
  showMa:function(e){
    console.log(e)
    var bol = this.data.bol;
    this.setData({
      bol: !bol
    });
  },

第一次發問題，這么長時間沒有人解答，是我的問題沒描述清楚還是怎么樣了呢？期待熱心大神指教，謝謝！