Question

大家好我正在使用ionic2和angular2构建应用程序。我想单击一个按钮并在页面上显示一个div，其中包含从db。

加载的一些信息

我在html视图中有这个：

<div *ngIf="!outletBox" id="outlet-info">
    info here
</div>

所以在我的.js文件中，按钮点击时this.outletBox设置为true。我刚开始使用棱角分明。但是视图中的变量不会更新，并且DIV不会显示。

我正在使用Google Maps API对象，点击发生在我的.js文件中。该变量在我的js文件中设置

 var marker = new google.maps.Marker({
                position: {
                    lat: parseFloat(venue.latitude),
                    lng: parseFloat(venue.longitude)
                },
                icon: icon,
                map: this.map,
                animation: google.maps.Animation.DROP
            });
            marker.addListener('click', () => {
                infoWindow.open(map, marker);
                this.outletBox = true;
            });

也许是另一种展示这个div的方式？我想将数据从db加载到div

Answer 1

调用区域的最简单方法是使用异步行为，例如：

setTimeout( () => { this.outletBox = true; }, 0);

这将调用“摘要”循环。

此视频详细介绍了它的工作原理：https://www.youtube.com/watch?v=DltUEDy7ItY&index=13&list=PLOETEcp3DkCq788xapkP_OU-78jhTf68j

显示Div Angular2

1 个答案: