javascript - Angular 1.6.4 如何检测组件的无绑定(bind)属性的变化

Question

这个问题已经有答案了:

How to watch component binding change using Angular component (6 个回答)

AngularJS 1.5+ Components do not support Watchers, what is the work around? (7 个回答)

已关闭 6 年前。

也许有人知道如何解决这个问题:

angular.module('myApp')
.component('myComponent', {
    controller: function () {
        this.prop1 = 1;
    },
    templateUrl: 'template.html'
}

所以新版本不启用$watch()。 $onChanges() - 不起作用，因为这是内部属性。可以有人解决这个问题吗？感谢您的帮助。

Answer 1

试试这个

angular.module('app.components', [])
.component('changeHandler', {
  controller: function ChangeHandlerController() {
    $onChanges: function (changes) {
      if (changes.canChange) 
       this.performActionWithValueOf(changes.canChange);
    };
  },
  bindings: {
    canChange: '<'
  },
  templateUrl: 'change-handler.html'
});