我有个问题。搜索了几个小时后,我找不到对此的解释。我想显示模态(来自
primeNG
)并在用户单击按钮时显示它。这个按钮调用(带有id)我的API REST并提供非常简单的信息。我收到了信息,但当模态应该显示时,这不会发生。
地图组成部分ts
export class MapComponent implements OnInit {
public alteraciones: any[];
public alteracion: any = {};
display: boolean = false;
/*...*/
generateData(map: L.map) {
const data: any[] = [];
let marker: any;
L.geoJson(this.alteraciones, {
pointToLayer: (feature, latlng) => {
marker = L.marker(latlng, {
icon: this.getIconMarker(feature.properties.tipo_alteracion)
});
marker.on('click', (e) => {
this.getInfoAlteracion(feature.properties.id_alteracion); // <==
});
data.push(marker);
}
});
/*...*/
}
/**...**/
getInfoAlteracion(id_alteracion: string) {
this.mapService.getInfoAlteracion(id_alteracion).subscribe(
result => {
this.alteracion = result;
console.log(this.alteracion); // < == Information OK
this.display = true; // <== this variable should change but doesn't
},
err => console.log(err)
);
}
}
地图组成部分html
<p-dialog header="Info" [(visible)]="display" modal="modal" width="500" [responsive]="true">
<!--some code-->
<p-footer>
<button type="button" pButton icon="fa-close" (click)="display=false" label="Cerrar"></button>
</p-footer>
</p-dialog>
但是,当我重新编译或关闭服务器时,display变量的值会更改,并显示模式。我找不到解释,知道吗?
编辑
可能的冲突:
@asymmetrik/ngx传单:3.0.2
@asymmetrik/ngx传单标记聚类:1.0.0
编辑2
我还添加了一个新的标记,其中包含一个要更改的新变量,但不起作用。在这一点上,我认为(而且我90%肯定)这是一个
component.ts
和
component.html
。