Angular2でループ中にデータが画面に表示されない

Question

こんにちは私はangular2アプリを開発しており、私のサービスから返されたデータの値を表示したいと考えています。ループを実行して補間を介してデータを表示することができます。つまり、二重中括弧が表示されます。しかし、私はそれをgooglemap APIのプロパティに割り当てる必要があります。私はデータが補間を使用しない通常のループを通してレンダリングされるとは思わない。これを確認する方法は？以下は私のコードです。緯度と経度はタイプ番号です。

データは、私は何も、コードのこの部分を使用してレンダリングしないと思われますコード

<ul> 
    <li *ngFor="let d of data"> 

     <p>{{d.Latitude}}</p> 
     <p>{{d.Longitude}}</p> 
    </li> 
</ul> 

のこの部分を使用して、正しくレンダリングされます。問題は、サードパーティのAPIのプロパティに割り当てる必要があることです。 Test1とTest2は数値を数値として受け取ります。あなたはそれがテキストとして考えるの結合性を評価しないだろうとされて印刷される内部要素の内容に結合性を動作するように意図したとおりに

<sebm-google-map [latitude]="0" 
        [longitude]="0" 
        [zoom]="1"> 
    <div *ngFor="let d of data"> 


     <sebm-google-map-marker *ngIf= "d.Latitude" 
           [latitude]="d.Latitude" 
           [longitude]="d.Longitude"> 

     </sebm-google-map-marker> 

    </div> 
</sebm-google-map> 

Answer 1

プロパティ、あなただけはコンポーネント間でデータを渡したい要素レベルで動作しますバインディングページ上。

ここでは、これを第三者コンポーネントに渡したかったので、プロパティバインディングは以下のような要素に配置する必要があります。

<third-party-component [test1]="d.data1" [test2]="d.data2"> 
</third-party-component>