ArtemRomanovsky

function checkAndUpdateText(view: ViewData, nodeIndex: number, ...): boolean {  
  if (checkAndUpdateBinding(view, nodeDef, ...)) {
    // update DOM here
  }
}

ArtemRomanovsky

@Component({
  selector: 'parent',
  template: `
    <span>{{ name }}</span>
    <child></child>
  `
})
export class ParentComponent {  
  ...
}

ArtemRomanovsky

@Component({
  selector: 'parent',
  template: `
    <span>{{ name }}</span>
    <child [text]="text"></child>
  `
})
export class ParentComponent {  
  ...
}

ArtemRomanovsky

npm install mobx  
npm install mobx-angular

ArtemRomanovsky

import { MobxAngularModule } from 'mobx-angular';

 @NgModule({
    declarations: [...COMPONENTS],
    imports: [MobxAngularModule ...],
    bootstrap: [AppComponent]
 })
 export class AppModule { }

ArtemRomanovsky

<div *mobxAutorun="{ dontDetach: true }">  
 ...
 </div>

ArtemRomanovsky

@observable
 state: any = {
   spendings: [],
   spendingTypes: []
 };

ArtemRomanovsky

<div *mobxAutorun="{ dontDetach: true }">  
 ...
 </div>

ArtemRomanovsky

@Component({
   selector: 'app-component',
   templateUrl: './component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class Component {
   constructor(public store: Store) {}
   changeFunc() {...}
 }

ArtemRomanovsky

@Injectable()
 export class Store {
   @observable state: any;
   @computed get aggregation() {...}
   @action changeFunc(data) {...}
 }