title: Angular 2: ngOnChanges fires when template renders
body: <p>When my template renders the function inside ngOnChanges fires one time, and then only when an @input changes. Is this the expected behaviour and how can I prevent it? </p>
  
  <p>Child: </p>
  
  <pre><code>export class MobileMenuComponent implements OnInit, OnChanges {
  
  @Input('test') dezeTest: string;
  
  //declare menu
  menu;
  
  constructor() { 
  
      //define menu
  
      this.menu = {state: 'inactive'};
  
  }
  
  togglemenu() {
  
      var that = this;
  
      if (that.menu.state === 'inactive'){
  
          that.menu.state = 'active';
  
      }
  
      else {
  
          that.menu.state = 'inactive';
  
      }
  
  }
  
  ngOnChanges(changes: SimpleChanges) {
  
  
      this.togglemenu();
  
  
  }
  }
  </code></pre>