Select 问题 - angular2-mdl-ext [Angular 4.0]

Question

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

问题是使用 Select 组件，它始终保持打开状态。看起来这不是正确的行为。

看起来像这样：

这是演示应用程序：

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

我是做错了什么还是遗漏了什么？

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';

Select Issue - angular2-mdl-ext [Angular 4.0]