let directive multiple values example

app.component.ts

@Component({
  selector: 'app-root',
  template: `
  <h1>mouse</h1>
  <p
    *viLet="{
      click: mouseClick$ | async,
      move: mouseMove$ | async,
      interval: interval$ | async,
    } as mouse"
  >
    click [{{ mouse.click?.screenX }}, {{ mouse.click?.screenY }}]
    <br />
    move [{{ mouse.move?.screenX }}, {{ mouse.move?.screenY }}]
    <br />
    seconds from start {{ mouse.interval }}
    <br />
  </p>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class AppComponent {
  readonly mouseClick$ = fromEvent(document, 'click') as Observable<MouseEvent>;
  readonly mouseMove$: Observable<Event> = fromEvent(document, 'mousemove');
  readonly interval$ = interval(1000).pipe(startWith(0));
}