从零详细搭建一个简单的angular项目（5）双向绑定以及管道篇

管道：
这东西是格式化用的，比如你想把20201212变成2020.12.12就可以考虑用这个。
angular内置了很多管道，这里举个使用的例子：

<h1>{{name|uppercase}}</h1>

这里的|前面的是需要格式化的数据，后面的是管道名

双向绑定：
首先需要知道，以往的html中，如果不用js，表单中输入了数据，需要先提交表单，然后服务器返回给某个文本框，才能显示这个数据。
现在有了双向绑定，就能在输入数据的同时，让一个文本框同步显示这个数据。

用法举例：
heroes.component.html文件：

<div>
	<input [(ngModel)] = "name" />
</div>

这里的[(ngModel)]就是双向绑定的语法，绑定了一个变量名是name的变量。

但是仅仅像上面代码那样写，显然还是不够的，因为你还没有导入支持双向绑定的模块，也就是FromsModule

那么这个FromModule模块怎么导入呢？
Angular需要知道如何把应用程序的各个部分组合到一起，以及该应用需要哪些其他文件和库支持，这些信息就被成为元数据。
有些元数据位于@Component装饰器中，针对单个组件类
还有一些针对更多组件甚至应用的元数据，放在顶层类AppModule中的@NgModule装饰器上。
这个装饰器就是你添加FromModule的地方

举例：
app.module.ts文件：

import {FromModule} from '@angualr/forms';
......
imports:[
	BrowserModule,
	FromsModule
],

其实angular就是拼积木的游戏，UI需要拼，UI在模块组件里，模块组件怎么拼，就像钥匙对钥匙孔，必须得对应起来，如何对应起来，声明很重要。

下一章：angualr指令以及事件绑定篇