如何在angular 7中使用材质ui

如何在angular 7中使用材质ui,angular,material-ui,angular7,Angular,Material Ui,Angular7,我想在angular 7中使用材质ui。我知道存在angular材质。但我想使用ui材质而不是angular材质。我不知道如何在angular中使用它。材质ui和angular材质都是google材质设计的实现。但是材质UI用于react,而角度材质用于Angular 由于Material Design Lite没有任何依赖性,因此它的设置将很容易。 您可以使用您最喜欢的工具获取其源代码 bower:bower安装material design lite--保存//使用bower npm:npm

我想在angular 7中使用材质ui。我知道存在angular材质。但我想使用ui材质而不是angular材质。我不知道如何在angular中使用它。材质ui和angular材质都是google材质设计的实现。但是材质UI用于react,而角度材质用于Angular

由于Material Design Lite没有任何依赖性,因此它的设置将很容易。 您可以使用您最喜欢的工具获取其源代码

bower:bower安装material design lite--保存//使用bower
npm:npm安装material design lite--保存//使用npm

接下来,我们需要创建index.html文件,并包括MDL的CSS文件和JS文件:

现在我们可以立即使用任何MDL组件

假设我们想添加一个带有涟漪的凸起按钮,我们只需要在主体中添加以下内容:


按钮

Angular Google团队计划将MDC Web组件集成到Angular Material组件中。这将有望提供您可能正在寻找的那种开箱即用的UI组件,比如范围滑块。MDC Web--材料设计Lite现在的支持有限,开发已经转移到Web存储库的材料组件。