AngularJS：如何检测是否向组件传入了指定方法？

你遇到的问题很典型——Angular对于可选的&绑定（比如你定义的onChange: '&?'），哪怕没有传入实际方法，也会自动生成一个空的包装函数，所以直接用if (this.onChange)判断永远会返回true，因为这个包装函数始终存在。而你尝试用this.$attrs.onChange无效，大概率是因为属性名的格式不对。

下面给你两个可靠的解决方案：

方案1：检查$attrs中的短横线形式属性 #

Angular组件的绑定属性在HTML中是短横线分隔的（对应控制器里的驼峰命名），比如控制器里的onChange，在模板中使用时是on-change。所以你需要检查$attrs里的on-change属性是否存在：

if (this.$attrs['on-change']) {
  console.log("已传入onChange绑定");
  this.onChange(); // 安全调用
}

这个方法是最稳妥的，因为只要用户在模板中绑定了on-change（不管是用on-change="xxx()"还是(onChange)="xxx()"的语法），$attrs里就会有这个属性；没绑定的话就不存在。

方案2：检查绑定函数的内部表达式（非官方但实用） #

Angular生成的&绑定包装函数，当有实际绑定的时候，会带有一个内部属性_boundExpression。你可以通过这个属性判断是否有真实的方法传入：

if (this.onChange && this.onChange._boundExpression) {
  console.log("已传入onChange绑定");
  this.onChange();
}

注意：这是Angular的内部属性，未来版本可能有变化，但在当前项目中可以放心使用。

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