Angular 2 + Immutable.jsで反復する（* ngForを使用）

Question

Immutable JSでAngular 2を使用していますが、単純なForループをテンプレートで使用できないようです。それは本当にイライラしています。私は、中括弧内の不変のマップのに.get構文でとせずにしようとしただけでI（チュートリアルに基づいて）、次の古い構文

<div *ngFor='#filter of filterArray' class='filter-row'> 
    <div class='row-title'>{{filter.get(title)}}</div> 
</div> 

と新しい構文

<div *ngFor=' let filter of filterArray' class='filter-row'> 
    <div class='row-title'>{{filter.get(title)}}</div> 
</div> 

を試してみましたそれが仕事を得ることができない...

filterArrayは次のようになります。

this.filterArray = fromJS([{ 
    title: 'Brand', 
}, 
{ 
    title: 'Category' 
}, 
{ 
    title: 'Each UPC' 
}]); 

これは動作するために使用する必要がある特殊な構文がありますか？私のブラウザには何も表示されていませんが、let構文を使用するとエラーは発生しません。

バージョン：

"@angular/common": "^2.1.0", 
"@angular/compiler": "^2.1.0", 
"@angular/core": "^2.1.0", 
"@angular/forms": "^2.1.0", 
"@angular/http": "^2.1.0", 
"@angular/platform-browser": "^2.1.0", 
"@angular/platform-browser-dynamic": "^2.1.0", 
"@angular/router": "^3.0.1", 
"immutable": "^3.8.1", 
"typescript": "2.0.2" 

編集：以下の作品が、それは

<div *ngFor='let filter of filterArray let i=index' class='filter-row'> 
    <div class='row-title'>{{filterArray.get(i).get('title')}}</div> 
    </div> 

Answer 1

これは私の仕事に悪いになります

<div *ngFor='let filter of filterArray' class='filter-row'> 
    <div class='row-title'>{{filter.get('title')}}</div> 
</div>