Я использую 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
