設定主題手勢支援和材料圖示

主題：

材料元件需要一個主題才能在應用程式中正常工作。

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">