关于组件和绑定的非常重要的问题

Question

让我们考虑以下代码：

angular.module('app').component('foo', {

  bindings: {
    callback: '&'
  },
  controller: function() {
    // ...
    this.callback();
  }
});

和相应的观点：

<foo callback="$ctrl.myCallback()">
   <span ng-click="$ctrl.myCallBack()">Press me</span>
</foo>

我的问题是为什么我们需要绑定，因为我们只需在templateUrl的HTML代码中使用$ctrl.myCallback()而不应用任何类型的绑定？ 对于组件，视图已知组件的隔离范围，因此再次使用绑定的原因是什么？ 但是，如果组件没有绑定，是否可以对组件进行单元测试？