【无标题】

第四周任务

学习笔记

1.组件

ng generate component +name

定义数据类型

双花括号引用-html


静态直接写，动态加括号

加inner进行解析，也可在css中添加样式，否则原样输出




利用*ngFor循环输出

利用ngif判断条件


ngclass




输入数据，网页控制台显示操作数据

双向数据绑定，要先引入forsmodule

2.范例演示（可应用于人脸识别系统的数据收集模块）

问题1：输入代码后运行无效，仍旧显示原始界面

解决方法：未删除原始生成的html代码，删除即可。

问题2：组件存在，无法调用

原因：

主模块未声明该组件。应该是由于创建过程中发生了错误，重新创建一个模块，问题解决。

*1

当前样式写到当前组件，公共样式写到style.css

问题3：

格式错误，调试过后发现网页无法自动更新，且无论如何修改代码，页面无变化。
解决方法：重新输入代码，创建文件，成功。

问题4：

解决方法：

问题5：

解决方法：
在app.module.ts中添加代码：

3.结果

完成了信息收集的大概所需内容，但仅仅只有一个基础的框架

4.下周任务

（1）运用tailwindcss以及angular自带组件美化界面；
（2）用angular实现三级联动，可以选择地址；
（3）学习使用angular自带的日期选择器，将出生年月从输入框换成日期选择的款式。