Angular Material Tree isn't displayed correctly using angular example

Question

after successfully installing @angular/material, @angular/cdk and @angular/animations using npm install --save, I tried to rebuild the example of a flat tree given by angular link.

After fixing the error message Could not find Angular Material core theme using this stack post solution link with adding

@import '../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css';

to my global styles.scss, it still doesn't display the tree correctly.

There is no error given in console. Can anyone help me to fix this issue?

Fabian Küng · Accepted Answer · 2019-01-25 09:52:53Z

1

You need to add the Angular Material Icon Font, otherwise the icons won't be displayed properly. Add this line in your index.html file:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

For more information check the official Getting started section of the Angular Material documentation.

answered Jan 25, 2019 at 9:52

Fabian Küng

6,22332 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular Material Tree isn't displayed correctly using angular example

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related