Как использовать @ViewChild с сигналами и эффектом () в угловой? ⇐ Html

[Anonymous]

Я использую Angular 17+ с сигналами, и я столкнулся с проблемой, пытаясь контролировать через общую службу и @Viewchild. Моя цель состоит в том, чтобы реактивно открыть/закрыть массиденв из сигнала. Но я также не могу поместить эффект () внутри ngafterviewinit (). Есть ли чистый способ решить этот шаблон, используя сигналы и @ViewChild? Вот моя настройка: < /p>
service.ts
@Injectable({
providedIn: 'root',
})
export class SidenavService {
isOpen = signal(false);

drawerState = this.isOpen.asReadonly();

toggle() {
this.isOpen.update((state) => !state);
}

open() {
this.isOpen.set(true);
}

close() {
this.isOpen.set(false);
}
}
< /code>
component.ts
export class AppComponent implements AfterViewInit {
@ViewChild('drawer') drawer!: MatSidenav;

onDrawerToggle() {
this.drawer.toggle();
}

constructor(private sidenavService: SidenavService) {
const effectRef = effect(() => {
if (this.drawer) {
this.sidenavService.drawerState()
? this.drawer.open()
: this.drawer.close();
}
});
}

ngAfterViewInit(): void {}
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... in-angular