Angular中哪些场景需要创建自定义directive？

你提到的*ngIf、*ngFor、*ngSwitch、[ngClass]、[ngStyle]五类内置指令，仅覆盖了条件/列表渲染下的DOM增删、动态调整样式类与行内样式的基础能力，以下场景均无法通过内置指令实现，需要自定义指令完成：

• 通用交互逻辑封装：比如点击元素外部关闭弹窗、长按触发指定操作、输入框自动防抖、限制输入格式（仅允许输入数字、自动格式化手机号/银行卡号）、滚动加载更多等，这类需要监听原生DOM事件、封装可复用交互逻辑的场景，内置指令没有对应实现，无需在每个用到的组件重复编写相同逻辑。
• 权限控制逻辑复用：比如根据当前用户角色自动禁用/隐藏无权限的按钮、表单项，相比直接用*ngIf硬写判断逻辑，封装为*appHasPermission="'edit'"这类自定义指令，可以全局统一权限校验规则，还可以额外实现禁用提示、保留占位符等*ngIf无法实现的需求。
• DOM元素高级行为扩展：比如图片加载失败自动替换为默认占位图、页面加载后输入框自动聚焦、文本溢出时自动省略并悬浮显示完整内容、元素可拖拽等，这类需要修改DOM原生属性、添加额外功能逻辑的场景，ngClass/ngStyle仅能修改样式，无法完成完整功能实现。
• 第三方库通用封装：比如将ECharts图表、日期选择器等第三方库的初始化、实例更新、销毁逻辑封装为自定义指令，仅需要给DOM元素添加appEcharts指令并传入配置项即可完成渲染，无需在每个业务组件重复编写生命周期相关的调用逻辑。
• 表单自定义校验封装：比如校验两次密码输入是否一致、校验输入内容是否符合手机号规则等，封装为自定义指令后可以直接绑定在输入框上使用，尤其适配模板驱动表单的使用场景。

内容的提问来源于stack exchange，提问作者Bhavna