ngFor不工作

Question

我採用了棱角分明4.3.3與JIT編譯器和運行我的申請得到的錯誤如下：

Property binding ngforOf not used by any directive on an embedded template. 
Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". 

我已經確定導入BrowserModule我主要的應用程序模塊和我在我的子模塊中導入了CommonModule，該錯誤源於此。

下面是引發錯誤的模板：

<div class="background"></div> 
<div class="content normal-page"> 
    <ons-fab position="top right" ripple>+</ons-fab> 
    <ons-list> 
     <ons-list-item *ngFor="let item of items; let i = index"> 
      <div class="center"> 
       #{{i}} msg: {{item.msg}} 
      </div> 
     </ons-list-item> 
    </ons-list> 
</div> 

因爲我輸入正確的模塊插入正確的地方這可能是造成這個錯誤？

Answer 1

我想出了問題，我有webpack最小化我的模板。一旦我把最小化，然後它工作正常。

{ 
    test: /\.html$/, 
    use: [ 
     { 
      loader: 'html-loader', 
      options: { 
       minimize: false 
      } 
     } 
    ] 
} 

Answer 2

包含您的組件的NgModule需要有CommonModule在imports

@NgModule({ 
    ..., 
    imports: [CommonModule], 
}) 
export class MySharedModule {} 

而且binding ngforOf not used表明您正在使用*ngfor代替*ngFor資本F。