选择问题 - angular2-mdl-ext [Angular 4.0]

Question

我正在使用：Angular 4.0和材质：https://github.com/mseemann/angular2-mdl

扩展名：http://mseemann.io/angular2-mdl-ext/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

您忘记导入选择组件css。

要导入缺少的样式，可以添加

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

在您的主style.css文件中。

如果您使用的是webpack＆amp; scss在你的本地机器上，你可以像这样导入它们

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

plnkr