2016-10-10 105 views
0

我已经将材料包纳入了我的第一个angular2项目。 link i have followedAngular2材质。如何获得通用的CSS来创建材质CSS的布局?

并添加了项目的主题以使用按钮的颜色。

@import '[email protected]/material/core/theming/prebuilt/deeppurple-amber.css'; 

但我缺少的重要的一类像 containertealtext-blue(如颜色选项和ligthen-<x>)。

最重要的是rowcol类来创建布局。如何在这里获得material-css的所有权力。

我试图从​​中包含css部分,并且它回想起来。

例如md-input会有两个不同主题的边框。 我在这里错过了什么。引导我走向正确的方向。

+0

我用angular-material2替换了角材料标签。我希望没关系。 –

+0

@camden_kid谢谢。 – lokeshjain2008

回答

1

是的,默认情况下安装angular2-material时css主题缺失。为了使其工作,index.html中

<link href="https://unpkg.com/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

的标题应用此更新或下载本地的CSS,放在资产文件夹和style.css文件导入

@import url("./assets/css/material.css"); 
0

看来链接物质CDN已经改变。

<link href="https://unpkg.com/@angular/[email protected]/prebuilt-themes/indigo-pink.css" rel="stylesheet">