Angular CDK检测断点

Angular CDK有一个布局包，其服务可以轻松检测窗口大小并与媒体查询匹配。这使得你可以完全控制UI并适应不同的屏幕尺寸。

让我们快速了解一下如何使用CDK的布局模块。

Setup

---

首先，您需要确保在您的应用中安装了Angular CDK：

$ npm install @angular/cdk# or, using Yarn:
$ yarn add @angular/cdk

然后导入布局模块，并将其添加到NgModule的导入列表中：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core&