设置主题手势支持和材料图标

主题：

材料组件需要一个主题才能在应用程序中正常工作。

Angular Material 2 提供了四个预建主题：

• deeppurple 琥珀色
• 靛蓝粉
• 粉色 bluegrey
• 紫色，绿色

如果你使用的是 Angular CLI ，则可以在 style.css 中导入其中一个预先构建的主题。

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

也可以在 index.html 中使用 <link> 添加主题。

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

HammerJS

通过 CDN 或 npm 将 HammerJS 添加到应用程序 ：

npm install --save hammerjs

在你的根模块中，通常是 app.module.ts，添加 import 语句：

import 'hammerjs';

材料图标：

除非提供自定义图标，否则 Angular Material 2 <md-icon> 需要材质图标。

在 index.html 添加：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">