Mdl-Selectは契約を展開しません

Question

私は困惑しています！私はMdl-Selectを試すことにしましたが、選択は永久に拡大して契約を拒否します。私の最初の考えは、何かが間違ってインストールされていることでした。

ここは私がやっていることです。

app.module.ts

import { MdlModule } from '@angular-mdl/core' 
import { MdlPopoverModule } from '@angular-mdl/popover'; 
import { MdlSelectModule } from '@angular-mdl/select'; 

systemjs.config.ts（main.tsによって消費される）

'@angular-mdl/core': 'npm:@angular-mdl/core/bundle/core.js', 
'@angular-mdl/popover': 'npm:@angular-mdl/popover/index.umd.js', 
'@angular-mdl/select': 'npm:@angular-mdl/select/index.umd.js' 

app.module.ts

import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { MdlModule } from '@angular-mdl/core' 
import { MdlPopoverModule } from '@angular-mdl/popover'; 
import { MdlSelectModule } from '@angular-mdl/select'; 

@NgModule({ 
imports: [ 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule, 
    HttpModule, 
    routing, 
    MdlModule, 
    MdlPopoverModule, 
    MdlSelectModule 
] 

アプリ.component.html

<div> 
     <mdl-select [(ngModel)]="user.SelectedFeature" placeholder="Feature"> 
      <mdl-option [value]><em>-- Select a Feature --</em></mdl-option> 
      <mdl-option *ngFor="let feature of features" [value]="feature">{{feature}}</mdl-option> 
     </mdl-select> 
    </div> 

機能は文字列です[]

私は他の何かをここで困惑しています...明らかに私は他のモジュールをインポートしましたが、一般的ではないものはありません。

エラーはスローされません。

Answer 1

問題は、私は私のスタイルシートに

@import '~@angular-mdl/popover/popover'; 
@import '~@angular-mdl/select/select'; 

をstyle.cssにするために、以下を追加することで解決

問題に余分な輸入品を追加逃しました