分类：angular组件间传值

2020
09-28

angular组件间通讯的实现方法示例

前言一个Angular应用一般情况下包含多个组件，而且要让组件互相之间能进行通讯（数据传送），这样才能构成一个有机的完整系统。1、情景引入下面例举一个实际遇到的情况：上图页面包含两个组件，“新增班级组件”和“选择教师组件”，在新增班级时需要选择改班级的管理教师，管理教师列表要从数据库中获取。选择好教师后，“选择教师组件”要把选择的教师对象传递回“新增班级组件”，这其中涉及到对象传递称为通讯。2、组件关系组... 继续阅读 >

2020
09-28

angular组件间传值测试的方法详解

前言我们知道angular组件间通讯有多种方法，其中最常用的一种方法就是借助于@Input和@Output进行通讯。具体如何通讯请参考angular组件间通讯，本文不再赘述，我们来讲讲关于此方法如何进行单元测试。创建假组件我们单元测试父组件与子组件的的交互是否符合我们的要求，我们在父组件进行测试，就需要模拟一个假的子组件出来，这样排除其他因素对测试的影响。比如现在我在分页组件里写了一个每页大小选择组件，现在要测试一下组... 继续阅读 >