Angular 1.6.4 How to detect changes in no-bindings properties of components

Question

Maybe someone know how to solve that problem:

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

So $watch() is not enable for new version. $onChanges() - not work because this is inner property. Can have someone solution to resolve this problem? Thank's for your help.

This is a totally different question, In my code I try to avoid any bindings. — Sergaros, Apr 28 '17 at 09:03
*"$watch() is not enable for new version"* - what do you mean? — Pavel Horal, Apr 28 '17 at 09:10
How about defining your own property on the controller class and using the setter to detect changes? — Michael Rose, Apr 28 '17 at 09:29

score 1 · Accepted Answer · edited Apr 28 '17 at 09:01

1

try this

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'
});

edited Apr 28 '17 at 09:01

Mistalis

17,793
13
73
97

answered Apr 28 '17 at 09:00

Always Learn

662
6
14

Yes it will be work, but I want to avoid bindings in this component. I need something like $watch – Sergaros Apr 28 '17 at 09:14
this._scope.$watch(() => { return this.items; }, (newVal, oldVal) => { // Do what you have to here }); – Always Learn Apr 28 '17 at 11:09

Angular 1.6.4 How to detect changes in no-bindings properties of components

1 Answers1