探索 Angular、Angular Material 和 RxJS
1. 智能组件与傻瓜组件
在 Angular 开发中,组件可分为智能组件和傻瓜组件(也称为展示组件或纯组件)。以 ClientCard
组件为例,它属于傻瓜组件,这类组件通常不自行获取数据,也不包含过多逻辑。比如, ClientCard
组件仅接收要显示的客户端列表,并不关心数据来源;当请求删除操作时,它仅发出一个事件信号,而不决定后续操作。
不过,为了连接视图层和应用的其他部分,还是需要一些智能组件。但一般来说,应尽量多使用傻瓜组件,以提高组件的可复用性。此外,还可以为共享组件创建 Angular 库,具体可参考 这里 ,也可以利用 nrwl nx
等解决方案。关于智能组件和傻瓜组件的区别,可进一步阅读 这篇文章 。
2. 组件生命周期钩子
Angular 使得在应用或组件的生命周期的不同阶段插入逻辑变得非常容易,比如组件创建、渲染或渲染其子组件时。使用生命周期钩子很简单,只需实现要附加逻辑的钩子接口即可。