显示 Div Angular2

Question

大家好，我正在使用 ionic2 和 angular2 构建应用程序。我想单击一个按钮并在包含从数据库加载的一些信息的页面上显示 div。

我的 html 视图中有这个：

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

因此在我的 .js 文件中 this.outletBox 在按钮单击时设置为 true。我刚开始使用 angular。虽然变量不会在视图中更新，并且 DIV 不会显示。

我正在使用 Google 地图 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？我想将数据库中的内容加载到 div

Answer 1

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

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

这将调用一个 "digest" 循环。

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

显示 Div Angular2

Show Div Angular2

ionic2

angular