在打开我的组件之前必须单击 2 次

Question

GM，我是 Angular 的初学者，我在我的应用程序中使用 Leaflet。 我创建了一些标记，我想在单击标记时打开另一个组件。

这是标记点击

marker.on('click', () => {
  this.isAnySelectedObject = true;
});

然后在 app.js 中，在地图 div 下，我在我的子组件上放了一个 ngIf

<marker-infos *ngIf="isAnySelectedObject"></marker-infos>

在组件出现之前我必须单击 2 次，有人可以帮助我吗？

Answer 1

将这段代码放在 ngOnInit() 中：

marker.on('click', () => {
  this.isAnySelectedObject = true;
});

Answer 2

解决办法是：

导入 ChangeDetectorRef，每次我在我的地图中调用一个组件时，我只需要调用这个函数“this.changeDetector.detectChanges();”