标签: angular13

我想使用ngx-translate库检测“当前语言”的切换。

我可以使用哪个 js 事件来实现这一点？

为了更好地理解我的意思，请检查这个简单的示例： https: //stackblitz.com/edit/github-yvbmgu

我想在 ngOnInit() 上检测“diff”组件中 currentLang 的变化。

我按如下方式使用地图，但这不起作用

<google-map #googleMap width="100%" height="100%" (idle)="initClusterer($event)">
  <map-marker-clusterer *ngIf="googleMap?.googleMap">
    <ng-container *ngFor="let i of items">
      <ng-container *ngIf="i.categories | haveCategory: targetCategory">
        <map-marker #markerElem [position]="i.position"> </map-marker>
      </ng-container>
    </ng-container>
  </map-marker-clusterer>
</google-map>

import { MarkerClusterer } from '@googlemaps/markerclusterer'

//...

@ViewChild('googleMap', { static: true }) googleMap: GoogleMap
markerCluster?: MarkerClusterer

// ...

initClusterer(e) {
    console.log('initClusterer', e)
    if (!this.googleMap?.googleMap || this.markerCluster) return

    console.log(this.googleMap, this.googleMap.googleMap)
    this.markerCluster = new MarkerClusterer({
      map: this.googleMap.googleMap,
      markers: this.markerElem,
    })
}

我确实下载了以下依赖项 npm i @googlemaps/markerclusterer
npm i @types/google.maps --save-dev

而不是markerclustererplus，因为它已被弃用。

但我收到以下错误。

vendor.js:91237 ERROR Error: MarkerClusterer class …

尝试以 Angular 13 (alias) const Amplify 实现 AWS cognito Authentication: AmplifyClass import Amplify 'default' is deprecated.ts(6385) index.d.ts(18, 4): 该声明在此处被标记为已弃用。您能建议需要做什么或任何其他简单的集成方法吗？

在 Angular (13) 中，有一种方法可以将函数的结果分配给在ngIf中具有多个条件.html的变量（在组件的一部分，而不是 template）

<div *ngIf="let getMyVar() as myVar && isVisible && isClean">
    {{ 'this is myVar: ' + myVar }}
</div>