我有以下HTML代码
<div class="detailInmueble">
<div class="overlay"></div>
<div class="detalle">
<ion-card (click)="openDetailInm(itemInmDet.idinm)">
<div style="height: 170px;">
<img-loader height="170px" width="100%" style="width: 100%;height: 170px;" [src]="itemInmDet.foto"></img-loader>
</div>
<ion-card-content>
<p style="font-weight: bold;font-size: 16px;text-align: center">{{ itemInmDet.idinm }} - {{ itemInmDet.tipoinmueble }} en {{ itemInmDet.gestion }}</p>
<p style="font-weight: bold;font-size: 16px;text-align: center"><ion-icon name="cash" small></ion-icon> $ {{ itemInmDet.precio }}</p>
<p style="font-weight: bold;font-size: 16px;text-align: center"><ion-icon name="locate" small></ion-icon> {{ itemInmDet.barrio }}, {{ itemInmDet.ciudad }}</p>
<div id="atributosInfoWindowList">
<ul>
<li>{{ itemInmDet.banos }} <i class="fa fa-bath" aria-hidden="true"></i></li>
<li>{{ itemInmDet.alcobas }} <i class="fa fa-bed" aria-hidden="true"></i></li>
<li>{{ itemInmDet.area }} m<sup>2</sup> <i class="flaticon-tools"></i> <small>Aprox.</small></li>
</ul>
</div>
</ion-card-content>
</ion-card>
</div>
<div class="closeInfoWindow">X</div>
</div>
在.ts文件构造函数中我有:
events.subscribe('map:viewDetInm',(data) => {
this.itemInmDet.tipoinmueble = 'Tipo de inmueble';
let elm = <HTMLElement>document.querySelector(".detailInmueble");
elm.style.display = 'flex';
})
发生的事情是你不更改绑定,即“{{variable}}”中的变量,直到你在应用程序中执行其他操作,例如打开sidenav,此时变量被更新,一些帮助,因为你可以负责吗?