Выберите Issue - angular2-mdl-ext [Angular 4.0]

Question

Я использую: Angular 4.0 и для материала: https://github.com/mseemann/angular2-mdl

расширение: http://mseemann.io/angular2-mdl-ext/select

Проблема заключается в использовании компонента Select, он всегда остается открытым. Не похоже, что это правильное поведение.

Выглядит так:

Вот демо-приложение:

 package:
    "@angular-mdl/core": "^4.0.3",
    "@angular-mdl/popover": "^0.6.3",
    "@angular-mdl/select": "^0.10.4",

https://plnkr.co/edit/ENjMu4?p=preview

я делаю что-то не так или что-то упустил?

Answer 1

Вы просто забыли импортировать компонент Select css.

Чтобы импортировать отсутствующие стили, вы можете добавить

@import url('https://unpkg.com/@angular2-mdl-ext/select@0.10.3/select.css');

в твоем главном style.cssфайл.

Если вы используете webpack & scss на локальном компьютере, вы можете импортировать их также

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

plnkr