按钮中的传单 AngularFire2 代码第一次点击有效 1 次 第二次点击有效 2 次 第三次点击有效 3 次

Question

    CollectPixi(){

         this.map.locate({setView:true,maxzoom:30}).on("locationfound",e=>{
           this.db.list(`/pixidata`).snapshotChanges().map(actions=>{
             return actions.map(action => {
                     const $key = action.payload.key;
                     const data = { $key, ...action.payload.val() };
                     return data;
                 });
             }).subscribe(items => {

               let pixizaa = items.map(this.getObjectWithoutKnowingKey);

               console.log(pixizaa);
               });




              });
}

CollectPixi 功能在按钮中。

当我单击按钮 1 次时，我得到 console.log(pixizaa) 输出 1 次。 如果我第二次点击它，我会得到 2 次输出 如果我点击第三次，我会得到 3 次输出。

html:

  <button ion-button class="button-collectpixi" (click)="CollectPixi()"  block>Collect Pixi!</button>

我点击了 3 次按钮。为什么不是 3

根据答案

this.map.locate({setView:true,maxzoom:30}).on("locationfound",e=>{

}

是重复的原因。但我需要在 collectpixi 函数中使用 e.latitude e.longitude 值。我的意思是我获取用户位置数据并在 collectpixi 数据中使用它进行一些计算。

Answer 1

附加onlocationfound 事件处理程序一次：

this.map.on("locationfound",e=>{
  ...
});

并在每次按下按钮时运行locate：

function CollectPixi() {
    this.map.locate({setView:true,maxzoom:30});
}

不要不要在每次点击按钮时都调用map.on('locationfound', ...)。