Angular2材料.如何获得常见的css创建布局与材料css

Question

我已经在我的第一个angular2项目中包含了material package。我跟随了林克。

并添加主题项目与按钮的颜色工作。

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';

但是我错过了重要的课，比如container, teal, text-blue(类似颜色选项和ligthen-<x>).

最重要的row和col类创建布局。怎么能在这里得到material-css的全部力量。

我试图从CDN中包含css部分，但它适得其反。

。md-input将有两个不同主题的边界。我是不是漏掉了什么?指引我正确的方向。

Answer 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，放到assets文件夹中，导入style.css

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

Answer 2

看来资料CDN的链接已经改变了

<link href="https://unpkg.com/@angular/material@2.0.0-beta.8/prebuilt-themes/indigo-pink.css" rel="stylesheet">