在绑定更改时更新AngularJS组件

Question

我有一个父组件<lookup-table></lookup-table>，它具有以下模板：

<td>
    <whois domain="{{ $ctrl.query }}" extension="{{ ext.name }}"></whois>
</td>

<whois></whois>组件如下所示：

angular.
module('app.components.whois').
component('whois', {
  template: "Whois: {{ $ctrl.domain + '.' + $ctrl.extension + ' = ' + $ctrl.whois }}",
  controller: [
    function WhoisController() {
      this.whois = 'http://'+this.domain+'.'+this.extension;
    }
  ],
  bindings: {
    domain: '@',
    extension: '@'
  }
});

当父$ctrl.domain或$ctrl.extension更改时，<whois></whois>组件将更新，但变量$ctrl.whois除外。

据我所知，这是因为在执行控制器函数时，$ctrl.whois只设置了一次。

如何在绑定发生变化时更新$ctrl.whois？