angular material nested tree

1import { BrowserModule } from '@angular/platform-browser';
2import { NgModule } from '@angular/core';
3
4import { AppRoutingModule } from './app-routing.module';
5import { AppComponent } from './app.component';
6import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
7import { MatTreeModule } from '@angular/material/tree';
8import { MatButtonModule } from '@angular/material/button';
9
10@NgModule({
11  declarations: [
12    AppComponent
13  ],
14  imports: [
15    BrowserModule,
16    AppRoutingModule,
17    BrowserAnimationsModule,
18    MatTreeModule,
19    MatButtonModule
20  ],
21  providers: [],
22  bootstrap: [AppComponent]
23})
24export class AppModule { }
25

1<mat-tree>
2   <mat-nested-tree-node>
3     parent node
4     <mat-nested-tree-node> -- child node1 </mat-nested-tree-node>
5     <mat-nested-tree-node> -- child node2 </mat-nested-tree-node>
6   </mat-nested-tree-node>
7</mat-tree>