angular - 在angular2 google-maps中的circleRedim之后无法获得圆半径

Question

我不知道如何在调整大小后获得圆半径

第一种方法

.html

    <map-circle
    (radiusChanged) = circleRedim()
    [center]="center" 
    [options] = circleOptions >
   </map-circle>

.ts

circleRedim(){ //<-void
 console.log(?) //<- I vould like to log the new circle radius
}

第二种方法

.html

<map-circle #circleRef
[center]="center" 
[options] = circleOptions >
</map-circle>

.ts

@ViewChild('circleRef') circleRef: google.maps.Circle;
  ngAfterViewInit() {
    console.log(this.circleRef); //<- circle ref isn't an istance of  google.maps.Circle
  }

circleRef 包含一个 ElementRef

标签： angularangular-material2angular-google-maps

Answer 1

我在这里找到了解决方案

<map-circle
(radiusChanged) = radiusChanged()
[center]="center" 
[options] = circleOptions >
</map-circle>

@ViewChild(MapCircle) circle: MapCircle;
radiusChanged(){
    if(this.circle){
      console.log(this.circle.getRadius());
    }
}