风一更--软件开发--UI--Angular--组件数据交互

目的：掌握 Angular 内组件间的数据交互。

---

索引：

1. directive 指令方式。 html 元素属性级别

2. service 无关 html 元素. 组件级别，系统架构重要解耦重用方式. 

---

2023-07-15

directive

1.创建指令： ng g directive [name]

view:

html:

direcvie:

module:

---

2023-07-20

场景： table 作为数据展示部分，点击相应的行，

  数据复制到 form 表单上. 用户输出更新的数据，提交给后端，进行处理，

  后端验证通过后，刷新前端数据.   

注意：

1. component 中定义了一个 对象 表示 table row click 触发的对象.  newActiveItem.

2.table row 定义一个  (click) 事件， 入参为 row  表示当前行数据.

3. form input 要带有 name=" " 属性，否则无法获取到值。