title: ngOnChanges is not being called
body: <p>I am updating a component property, but ngOnChanges is not being called.  Please see the linked StackBlitz to see the problem reproduced and everything I have tried so far:</p>
  
  <p><a href="https://stackblitz.com/edit/angular-becgjq" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-becgjq</a></p>
  
  <p>Edit: correct link to view code</p>
  
  <p>Relevant code</p>
  
  <pre><code>ngOnInit() {
      const testButton1 = document.getElementById('test-button1');
      testButton1.addEventListener('click', function() {
        console.log('about to set this.value');
        console.log(this.value);
        this.value = 'value set by button 1';
      }.bind(this));
      const testButton2 = document.getElementById('test-button2');
      testButton2.addEventListener('click', this.testButtonCallback2(this), false);
      const testButton3 = document.getElementById('test-button3');
      testButton3.addEventListener('click', this.testButtonCallback3.bind(this), false);
    }
  
    ngOnChanges() {
      console.log('ngOnChanges was called');
    }
  
    testButtonCallback2(outerThis) {
      return function() {
        console.log('about to set this.value');
        console.log(outerThis.value);
        outerThis.value = 'value is set by callback2';
      }
    }
  
    testButtonCallback3() {
      console.log('about to set this.value');
      console.log(this.value);
      this.value = 'value is set by callback3';
      this.changeDetectorRef.detectChanges();
    }
  </code></pre>