Angular 组件：如何确保定义回调？答案

【问题标题】：Angular Component: How Ensure Callback Defined?Angular 组件：如何确保定义回调？
【发布时间】：2016-08-14 15:02:19
【问题描述】：

我正在使用 v1.5 引入的 Angular 组件。

目标：如果父视图 html 模板未指定 & bindings 回调，我想在浏览器控制台中显示警告，提醒开发人员预期和必要的属性没有'未在他们使用的组件中指定。

问题：如何确保定义 & 绑定（用作组件事件的回调），以便我可以帮助未来的开发人员快速调试？

【问题讨论】：

标签： javascript angularjs callback

【解决方案1】：

我知道这是旧的，但如果您将绑定指定为'&?'，那么您可以使用typeof 来检查它是否是一个函数。

【讨论】：

【解决方案2】：

如果属性的类型是函数，只需检查组件控制器。

angular
    .module('moduleName')
    .component('compName', {
        controller: function() {
            if (typeof this.myFunc !== 'function') {
                console.warn('myFunc not defined!');
            }
        },
        bindings: {
            myFunc: '&'
        }
    });

【讨论】：

这对我不起作用。在这个例子中，this.myFunc 是函数类型。它看起来像：function (locals) { return parentGet(scope, locals); }
另外，我使用的是 Angular v1.5.8。