ngx-leaflet地图缩放事件不触发

import { Component, OnInit } from '@angular/core';
import { leaflet } from 'leaflet';

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent implements OnInit {
  options: any;
  
  constructor() { }

  ngOnInit(): void {
    this.options = {
      layers: [
        leaflet.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18, attribution: '...' })
      ],
      zoom: 10,
      center: leaflet.latLng(51.505, -0.09)
    };
  }

  onMapZoomEnd(event: any) {
    console.log('Map zoom end event:', event);
    // 执行你的逻辑操作
  }
}