к рендеру ведет async, но чтоб данные поменялись нужно дернуть некст

а в итоге много лишних тех же императивных букаф

таких же императивных как и  cd.markForCheck
я за то что markForCheck так же не оч как использования Behavior

Там простое правило, если сам создал, то сам и уничтож

///////////////
{{counter}}
<button (click)="increment()">kek</button>
/////////////// OnPush component
counter = 0;
increment(){ this.counter++; }
///////////////
ниче не сработало

юзаем BehaviorSubj:
///////////////
{{counter$|async}}
<button (click)="increment()">kek</button>
///////////////
private _counter$ = new BehaviorSubject<number>(0);
counter$ = this._counter.asObservable();

increment() {
this._counter$.next(this._counter.getValue() + 1);
}

Так же как зачем в компонент через инпут кидать лишние данные