Angular 实验室：创建一个可见性指令

本文讲解如何使用IntersectionObserver API创建Angular指令，监测元素的可见性。

指令支持输入输出属性，可选择持续监控，并在可见性变化时通知。

生命周期方法确保观察者在视图初始化、变化和销毁时正确管理，防止内存泄漏。

指令的选择器为'visibility'，可通过visibilityMonitor属性控制监测行为。

visibilityChange输出属性用于通知元素的可见性变化。

指令实现了OnInit、OnChanges、AfterViewInit和OnDestroy生命周期钩子。

reconnectObserver方法用于重新连接观察者，disconnectObserver方法用于断开观察者。

IntersectionObserver用于监测元素的可见性变化，并根据变化发出通知。

如果visibilityMonitor为false，元素一旦可见就停止监测。

完整的指令代码提供了可供修改的基础，便于开发者根据需求进行调整。