GoogleMap infowindow按下按钮即可点击

Question

即时通讯使用Googlemap JS API，我有一些从我的数据库中获取的标记和一个infowindow foreach标记，在每个infowindow我有一个按钮希望推送到另一个页面与某个变量，我试图使用ngZone，我不是很熟悉它但我试过x），这是我的代码：

  // GET request to get data from database
  for(var i=0;i<data.length;i++)
  {

   var ouvrier=data[i].firstname+' '+data[i].lastname; //Getting data from db

   var Latlng = new google.maps.LatLng(data[i].lat,data[i].lon);
     var marker = new google.maps.Marker({
      position: Latlng,
      map: this.map,
      labelAnchor: new google.maps.Point(22, 0),
      draggable:false,
      icon: { url : 'assets/imgs/worker.png',scaledSize: new google.maps.Size(70, 70)
    },

    });




    var infowindow = new google.maps.InfoWindow({
      content: "Name: "+ouvrier+" <input type='button' id='clickableItem' value='consulter profile' >"
    }); 

    google.maps.event.addListener(infowindow, 'domready', () => {

      var clickableItem = document.getElementById('clickableItem');
      clickableItem.addEventListener('click', () => {
        this.zone.run( () => { //Im using ngZone
          console.log("wlidoz "+ data[i].idprof);
        this.navCtrl.push(ProfilPage, {
          profilId: data[i].idprof // PROBLEM HERE
      });

        });


      });
    });

  marker.addListener('click', event => {
    infowindow.open(this.map, marker);
    });

}

一切都工作正常，地图正在加载..但是当我点击那个按钮，没有任何反应，我试图在ngZone内部的data[i].idprof控制台.log但未定义，但在监听器之前，console.log工作正常