Show Div Angular2

Question

こんにちは、私はionic2とangular2でアプリを構築しています。私は、ボタンをクリックし、dbからロードされたいくつかの情報を含むページにdivを表示したいと思います。

私は私の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要素を表示する別の方法をtheresの？これは、「ダイジェスト」のサイクルを呼び出します

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

：私は、ゾーンを起動する

Answer 1

最も簡単な方法のような非同期動作を使用することであるdivの上にDBからコンテンツをロードします。

このビデオでは、どのように動作するかについて多くの説明があります。https://www.youtube.com/watch?v=DltUEDy7ItY&index=13&list=PLOETEcp3DkCq788xapkP_OU-78jhTf68j