Angular2 - 後で到着するデータを表示する方法

Question

あああああああああなぜ.........

私のgit_list配列は後で到着します。非同期を使用するとエラーが発生するのはなぜですか？非同期を使用しないと、データが到着したときにデータが表示されません。

EXCEPTION: Uncaught (in promise): Error: Error in ./GitaccountsComponent class GitaccountsComponent - inline template:26:17 caused by: Invalid argument '' for pipe 'AsyncPipe' 
Error: Invalid argument '' for pipe 'AsyncPipe' 

<md-grid-tile *ngFor="let item of git_list | async" [colspan]="1" [rowspan]="1"> 


</md-grid-tile> 




git_list = [ 
    { 
    "git_account": "gggggggggg", 
    "git_host": "bitbucket" 
    }, 
    { 
    "git_account": "yiofysdgsdgfs", 
    "git_host": "bitbucket" 
    }, 
    { 
    "git_account": "yyyyyyyy", 
    "git_host": "bitbucket" 
    }, 
    { 
    "git_account": "TTTTT", 
    "git_host": "github" 
    } 
] 

Answer 1

データは、それが到着したときに配置され、エラーをスローしないことになるのでちょうど*ngIfを挿入し、それが動作するはずです。あなたは、2つのディレクティブが1つのタグに配置することができない、とあなたが既に持っているとあなたのmd-grid-tileで*ngForとして、私はそうのような余分なdiv要素を追加することになり、ここで例えば、余分なdiv要素を作成する必要があります：

<div *ngIf="git_list" > 
    <md-grid-tile *ngFor="let item of git_list" [colspan]="1" [rowspan]="1"> 
    <!-- Your code here ---> 
    </md-grid-tile> 
</div> 

・ホープ、この助けて！