Here is what I ended up with, after realizing that a delay was a good solution in terms of UX because it allowed the loader to show only when the loading time is worth displaying a loader. I don’t like this solution because I prefer when the state is being encapsulated into Observable operators rather … Read more
It is not possible anymore to spy on individually exported functions. https://github.com/jasmine/jasmine/issues/1414 There are some workarounds that might work, but there isn’t a “works for all” solution. Quoting from above link: Actually setting “module”: “commonjs” in tsconfig.json for tests fixes this issue and you can use spyOn again. For me, this didn’t work. Jasmine needs … Read more
I found the solution here. It’s necessary to rewrite filterPredicate, and just use it as usual, filterPredicate needs to return true when filter passes and false when it doesn’t export interface Element { name: string; position: number; weight: number; symbol: string; } dataSource = new MatTableDataSource(ELEMENT_DATA); /* configure filter */ this.dataSource.filterPredicate = (data: Element, filter: … Read more
Not sure if this will help your situation as there’s no code but we’ve found that the MatTable loads very slowly if a large data set is set before you set the datasource paginator. For example – this takes several seconds to render… dataSource: MatTableDataSource<LocationItem> = new MatTableDataSource(); @ViewChild(MatSort) sort: MatSort; @ViewChild(MatPaginator) paginator: MatPaginator; ngOnInit() … Read more
There’re a two amazing articles about using OverLay from CDK in Netanet Basal’s Blog Creating Powerful Components with Angular CDK Context Menus Made Easy with Angular CDK I try to simplyfied in this stackblitz Basicaly you has a service that inject Overlay constructor(private overlay: Overlay) { } To open a template you pass the origin … Read more