在高级语言或者脚本语言中，我们要实例化一个object,一般我们用 new object(),或者java的DI,那么在NG里面一样，我们要使用一个服务，那么就会通过providers来创建或者获取服务的实例,providers现在有多种类型可以选择，

git-fatal: refusing to merge unrelated histo

我们终于要正式开始时做一个后台(dashboard)画面啦，今天我们会先使用Angular Material的SideNav元件，把边栏的空间先切出来，这个空间通常是用来放置主选单的空间，我们就来看看该如何开始吧！

一、前置知识学习

https://stackblitz.com/angular/byqengedjem?file=src%2Fapp%2Ficon-svg-example.ts

https://material.angular.io/components/icon/examples

git 代码 https://github.com/weihungchin/angular-material-custom-svg

1.将svg图片放入项目的src\assets\icons路径，如下图

一、采用fsoufsou翻译引擎——简单

# postman        #本身是一个程序,还可以作为 chrome 的扩展而存在的(插件现在好像不行了)

# Insomnia

# postwoman    #这个是chrome的扩展

通常因为服务器与云锁云中心通信断开或与云中心前端服务器连接出现问题导致PC端显示服务器离线无法管理。

md-contact-chips是一个Angular Directive，是一个基于md-chips构建的输入控件，使用md-autocomplete元素。 联系芯片组件接受查询表达式，该表达式返回可能的联系人列表。 用户可以选择其中之一并将其添加到可用芯片列表中。

属性 (Attributes)

下表列出了md-contact-chips的不同属性的参数和描述。

md-chips是一个Angular Directive，用作称为Chip的特殊组件，可用于表示一小组信息，例如联系人，标签等。自定义模板可用于呈现芯片的内容。 这可以通过指定具有定制内容作为md-chips子代的md- md-chip-template元素来实现。

属性 (Attributes)

下表列出了md-chips的不同属性的参数和描述。

Angular Material提供各种特殊方法来向用户显示不显眼的工具提示。 它提供了为它们分配方向的方法， md-tooltip指令用于显示工具提示。 只要用户聚焦，悬停或触摸父组件，工具提示就会激活。

属性 (Attributes)

md-toolbar ，Angular指令用于显示工具栏，该工具栏通常是内容上方的区域，用于显示标题和相关按钮。

属性 (Attributes)

下表列出了md-toolbar不同属性的参数和说明。

md-tabs和md-tab Angular指令用于在applcation中显示选项卡。 md-tabs是md-tab元素的分组容器。

属性 - md-tabs

下表列出了md-tabs的不同属性的参数和说明。

md-slider是一个Angular指令，用于显示范围组件。 它有两种模式 -

• normal - 用户可以在宽范围的值之间滑动。 默认情况下存在此模式。

• discrete - 用户可以在所选值之间滑动。 要启用离散模式，请使用mddiscrete和step属性。

属性 (Attributes)

下表列出了md-slider的不同属性的参数和说明。

md-fab-toolbar是一个Angular指令，用于显示元素或按钮的工具栏，以便快速访问常用操作。

属性 (Attributes)

下表列出了md-fab-toolbar不同属性的参数和说明。