欢迎各位兄弟 发布技术文章
这里的技术是共享的
背景：使用angular的响应表单时，根据第一个下拉框的选中的值，确定第三个字段是input框还是inputNumber的框，报错如下：
下面的代码竟然出错了：
在
在高级语言或者脚本语言中，我们要实例化一个object,一般我们用 new object(),或者java的DI,那么在NG里面一样，我们要使用一个服务，那么就会通过providers来创建或者获取服务的实例,providers现在有多种类型可以选择，
我们终于要正式开始时做一个后台(dashboard)画面啦，今天我们会先使用Angular Material的SideNav元件，把边栏的空间先切出来，这个空间通常是用来放置主选单的空间，我们就来看看该如何开始吧！
1、
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
问题描述
这个问题困扰了我好多天。请看，这里我写了一个@Injectable()表达式，它显示报红了。我猜测自己是不是没引用这个东西，可是和VS 2017不一样的问题来了。VS 2017会自动提示你可能需要引用的命名空间之类的，但是VSCode似乎没有，他只是告诉我们有问题。这样的情况我遇见多次了，常常导致我们找不到解决问题的关键在哪里。
md-contact-chips是一个Angular Directive，是一个基于md-chips构建的输入控件，使用md-autocomplete元素。 联系芯片组件接受查询表达式，该表达式返回可能的联系人列表。 用户可以选择其中之一并将其添加到可用芯片列表中。
下表列出了md-contact-chips的不同属性的参数和描述。
md-chips是一个Angular Directive，用作称为Chip的特殊组件，可用于表示一小组信息，例如联系人，标签等。自定义模板可用于呈现芯片的内容。 这可以通过指定具有定制内容作为md-chips子代的md- md-chip-template元素来实现。
下表列出了md-chips的不同属性的参数和描述。
Angular Material提供各种特殊方法来向用户显示不显眼的工具提示。 它提供了为它们分配方向的方法， md-tooltip指令用于显示工具提示。 只要用户聚焦，悬停或触摸父组件，工具提示就会激活。
md-visible
这是布尔绑定，用于确定工具提示当前是否可见。
md-delay
md-toolbar ，Angular指令用于显示工具栏，该工具栏通常是内容上方的区域，用于显示标题和相关按钮。
下表列出了md-toolbar不同属性的参数和说明。
md-scroll-shrink
这决定了当用户向下滚动时标题是否应缩小，并在用户向上滚动时显示自身。
md-tabs和md-tab Angular指令用于在applcation中显示选项卡。 md-tabs是md-tab元素的分组容器。
下表列出了md-tabs的不同属性的参数和说明。
md-selected
活动/选定选项卡的索引。
md-slider是一个Angular指令，用于显示范围组件。 它有两种模式 -
normal - 用户可以在宽范围的值之间滑动。 默认情况下存在此模式。
discrete - 用户可以在所选值之间滑动。 要启用离散模式，请使用mddiscrete和step属性。
下表列出了md-slider的不同属性的参数和说明。
md-fab-toolbar是一个Angular指令，用于显示元素或按钮的工具栏，以便快速访问常用操作。
下表列出了md-fab-toolbar不同属性的参数和说明。
* md-direction
这确定了工具栏项相对于触发元素的显示方向。 支持左右方向。
md-select ，一个Angular指令用于显示选择框，由ng-model限定。
下表列出了md-radio-group的不同属性的参数和描述。
* ng-model
该模型！
multiple
是否是多重的。
md-radio-group和md-radio-button Angular指令用于在applcation中显示单选按钮。 md-radio-group是md-radio-button元素的分组容器。
md-progress-circular和md-progress-linear是Angular进度指令，用于在应用程序中显示加载内容消息。
下表列出了md-progress-circular的不同属性的参数和描述。
* md-mode
md-menu-bar是一个Angular指令，是一个容纳多个菜单的容器组件。 菜单栏有助于创建操作系统提供的菜单效果。
以下示例显示了md-menu-bar指令的使用以及菜单栏的用法。
am_menubar.htm
md-menu是一个Angular指令，是在执行的操作上下文中显示添加选项的组件。 md-menu有两个子元素。 第一个元素是触发元素，用于打开菜单。 第二个元素是md-menu-content ，它表示菜单打开时菜单的内容。 md-menu-content通常将菜单项作为md-menu-item 。
下表列出了md-menu的不同属性的参数和说明。
md-list是一个Angular指令，是一个容器组件，它包含md-list-item元素作为子元素。 md-list-item指令是md-list容器的行项的容器组件。 可以将CSS类md-2-line和md-3-line添加到md-list-item，以分别增加22px和40px的行高。
以下示例显示了md-list指令的使用以及列表的用法。
am_lists.htm
md-divider是一个Angular Directive，是一个规则元素，用于显示一个瘦的轻量级规则，用于对列表和页面布局中的内容进行分组和划分。
下表列出了md-divider的不同属性的参数和描述。
md-inset
添加此属性以激活插入分隔符样式。
md-dialog是一个Angular Directive，是一个容器元素，用于显示一个对话框。 其元素md-dialog-content包含md-dialog-content ， md-dialog-actions负责对话框操作。
mdDialog服务mdDialog打开应用程序对话框，通知用户有关信息并帮助他们做出决策。
以下示例显示了md-dialog指令和mdDialog服务的使用以及角度对话框的使用。
am_dialog.htm
