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

'@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 (который используется main.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
]

app.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

Проблема была в том, что я пропустил добавление дополнительного импорта в мою таблицу стилей

проблема решена путем добавления следующего в style.css

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