今天完成的事情：列表部件绑定基本搞完了；JS基础知识

明天计划的事情：上传图片进行；

遇到的问题：日期部件还没有搞出来，没搞明白；

收获：

指令*ngFor、*ngIf、：

ngIf与ngFor在angular里被称为是结构型指令.所谓结构型指令,就是它能够塑造或重塑DOM的结构. 就是在渲染的时候它能够帮你增加,删除,维护这些元素块。

*ngIf：

*ngIf 就是将元素从DOM树移除,或者是不加载.：

当然使用 *ngIf ,就会有else if 的使用操作：

*ngFor:（就是循环）

循环数组.使用频率过大. 下面介绍一个ngFor与管道的混合使用.主要解决的问题是,我不想修改原数组,只想改变呈现的方式：

下面是一串数组：

现在我只想展示郑州 , 不想展示北京.：

上面是老套方法，更改了array . 我想在其他列表依然使用.那就会出问题，改起来繁琐。

现在就用pipe管道来完成：

管道：

JS DOM：

DOM

DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。

浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。

DOM 只是一个接口规范，可以用各种语言实现。所以严格地说，DOM 不是 JavaScript 语法的一部分，但是 DOM 操作是 JavaScript 最常见的任务，离开了 DOM，JavaScript 就无法控制网页。另一方面，JavaScript 也是最常用于 DOM 操作的语言。

节点
DOM 的最小组成单位叫做节点（node）。 文档的树形结构（DOM 树），就是由各种不同类型的节点组成。每个节点可以看作是文档树的一片叶子。
节点的类型有七种：

浏览器提供一个原生的节点对象Node，上面这七种节点都继承了Node，因此具有一些共同的属性和方法。

节点树

----------------------------------------