Components: "Tree with nested nodes" example from https://material.angular.io/components/tree/overview fails

Created on 12 Jul 2018 · 12Comments · Source: angular/components

Bug:

The "Tree with nested nodes" example from https://material.angular.io/components/tree/overview fails for both Google Chrome Version 67.0.3396.99 (Official Build) (64-bit) and Firefox Quantum 61.0.1 (64-bit) with respective errors:

main.620a76fcfee14dac38ac.js:1 ERROR TypeError: this._tree.treeControl.getChildren(...).pipe is not a function
    at t.ngAfterContentInit (main.620a76fcfee14dac38ac.js:1)
...

and

ERROR TypeError: "this._tree.treeControl.getChildren(...).pipe is not a function"
ngAfterContentInit
...

That's all. Thought you ought to know!

EDIT: I'm on Linux x64.

G P2

Source

sneurlax

All 12 comments

also example with checkboxes fails..
scr22

I suppose this happens because of
constructor(transformFunction: (node: T, level: number) => F, getLevel: (node: F) => number, isExpandable: (node: F) => boolean, getChildren: (node: T) => Observable<T[]> | T[]);
changes in MatTreeFlattener class constructor.
At latest version there is no "| T[]" condition at last parameter

furevor on 13 Jul 2018

@DevVersion could you take a look at this one?

jelbourn on 16 Jul 2018

Just took a look and tried to reproduce it in our demo-app/examples and docs, but after clearing the cache on the docs everything seemed to work fine.

Can someone of you please verify if it was just a caching issue?

devversion on 17 Jul 2018

Now I can see that this example work fine (I haven't clean cache, just went to example page) on home page, but I can't examine it on my local version at now. I will try update to 6.3.3 tomorrow and response, but I have tried it before answer at this topic. I don't think this issue will disappear by magic :)

furevor on 17 Jul 2018

Yeah, it could be also just that the cached resources expired due to a 7d cache refresh.

Yesterday, when I briefly looked at the issue, I also reproduced that those demo's didn't work in the docs, but there was no docs update AFAIK. Let's see how it works out. Thanks for the update!

devversion on 17 Jul 2018

I have tried it on local code, but updated to 6.4.0 before. Seems to be ok!

furevor on 17 Jul 2018

Perfect. I assume this issue can be closed then. Let me know if you run into any further issues.

devversion on 17 Jul 2018

Yes! Thanks!

furevor on 17 Jul 2018

👍1

On StackBlitz I'm still facing this issue.

Hypenate on 18 Jul 2018

The StackBlitz link from the docs is still using 6.3.3. If you update it to use 6.4.0 it works as expected (https://stackblitz.com/edit/angular-znfg1m)

wrakky on 19 Jul 2018

👍1

On the doc (Nested tree section)
That private _getChildren = (node: FileNode) => node.children; should be
private _getChildren = (node: FileNode): Observable<FileNode[]> => observableOf(node.children);

Don't forget to import
import {BehaviorSubject, Observable, of as observableOf} from 'rxjs';