Angular中事件参数前加$美元符号的作用？附代码对比

嘿，这个问题问得很接地气！在Angular里给事件参数前加$符号，本质上是社区约定的命名规范，而非框架强制要求的语法规则。咱们来详细拆解你提到的两段代码差异：

核心作用：提升代码可读性与团队协作一致性 #

$event是Angular官方文档和社区广泛使用的命名方式，它的核心价值在于：

• 一眼就能识别出这个参数是来自Angular事件绑定的原生/自定义事件对象，和普通的业务参数做区分。比如在模板里写(input)="onModelUpdated($event)"，组件里用$event作为参数名，前后呼应，团队里的开发者不用额外注释就能明白这个参数的来源。
• 这属于Angular生态里的“潜规则”之一，类似还有给Observable类型的变量加$后缀（比如userData$），都是为了让代码的语义更清晰，降低大型项目里的认知成本。

两段代码的实际差异 #

功能上完全等价！不管你用$event还是event作为参数名，只要在模板中正确传递了事件对象，控制台输出的内容是完全一样的。举个实际例子：

模板代码：

<input type="text" (input)="onModelUpdated($event)">

组件代码1：

onModelUpdated($event: any) {
  console.log($event); // 输出输入框的input事件对象
}

组件代码2：

onModelUpdated(event: any) {
  console.log(event); // 同样输出输入框的input事件对象
}

这两段代码的运行结果没有任何区别——Angular只关心你是否正确接收了事件绑定传递的参数，不会因为参数名带不带$而改变处理逻辑。

总结 #

带$的$event只是更符合Angular社区的命名习惯，能让代码更具可读性和一致性，但并非语法要求。如果你是个人小项目，用哪种命名都没问题；但如果是团队协作项目，建议遵循这个约定，减少沟通成本。

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