winged helm
How do I get the options property in the listbox?
@ViewChild(CdkListbox) listbox: CdkListbox;
features = ['Hydrodynamic', 'Port & Starboard Attachments', 'Turbo Drive'];
ngAfterViewInit() {
console.log({ options: this.listbox.options }); //<---
}
The property exists in listbox, but it is not exposed in typescript typing. Can I get the property anyway?
https://stackblitz.com/edit/mkhg9n?file=src%2Fexample%2Fcdk-listbox-activedescendant-example.ts
unborn ginkgo
your stackblitz link doesn't work 😉
winged helm
sorry, here the corrent link: https://stackblitz.com/edit/mkhg9n?file=src%2Fexample%2Fcdk-listbox-activedescendant-example.ts
unborn ginkgo
you can do (this.listbox as any).options but it's a bit hacky.
options is not officially exposed, so in future updates they could change it and brake your code
can I may ask why you want access to options ?
maybe somethink in this direction would also solve your problem:
@ViewChildren("li") options: QueryList<ElementRef>;
well, I also think (this.listbox as any).options is bit hacky.
but in my real app I have only the listbox instance.
this.cdkListbox.valueChange
.subscribe((value: ListboxValueChangeEvent<any>) => {
val.listbox
});
And I need access to the options inside that function. i do not have ViewChild.
So is it possible to get the options (cdkoption) in another way?