今天：

任务5检测账户密码成功。开始任务6.

按照任务六的任务详解，先阅读angular的文档。

搭建环境，下载node.js，下载yarn，vscode下载type script插件。

用的npm按照cli卡住了，换了yarn安装cli

成功跳转，后面就是进入文档给的实例网址，按照模板操作一遍。

• *ngFor*ngFor 是一个 "结构型指令"。结构型指令会通过添加、删除和操纵它们的宿主元素等方式塑造或重塑 DOM 的结构。任何带有星号 * 的指令都是结构型指令。

• *ngIf 添加商品说明。在 <p> 标签上，使用 *ngIf 指令，这样 Angular 只会在当前商品有描述信息的情况下创建这个 <p> 元素。

• 插值 {{}}插值会把属性的值作为文本渲染出来。

• 属性绑定 []设置a标签的tatle为商品名字a[tatle]="",鼠标挪上去会显示。

• 事件绑定 ()事件绑定是通过把事件名称包裹在圆括号 ( ) 中完成的，如下面的 <button> 元素所示：button（click）=“function（）”

架构概览，组件简介和模块看的有些云里雾里。没用过没理解。5分钟上手typescript看了一小时没看懂。。

没一个看懂的。创建angular项目就是 ng new 项目名称，然后在项目文件夹路径里面输入 ng serve （大概就是运行angular）

然后就可以通过app文件夹里面的文件进行修改。但是里面的几个文件还没搞清楚作用不同的地方。

明天：

看看app文件夹里面哪个对应哪个吧。。不知道css在哪写也不清楚其他文件作用。明天尽量先搞明白在哪下手写。

问题与收获：

收获也就是创建angular项目，知道在哪该样式，但是其他的就一无所获吧，基本就是懵逼状态一整天。