Lets say I have the following scenario:

```
@Component({
  selector: 'my-app',
  template: `
      <my-component
          [myAttr]="myAttr"
      ></my-component>
      <button (click)="onClick()">Click</button>
  `,
  directives: [MyComponent]
  })
  class AppComponent {
     myAttr: number = 1;

  onClick() {
      this.myAttr += 1;
  }
}

```

so when the button is clicked I want to rerender the component so the new value is populated on the underlying components. I have tried the two way binding as well, but does not make much sense in this case as it is a one way binding. So the question is how do I trigger update?

Thanks!