@@ -55,11 +55,11 @@ In order to use the tree, you must define a tree node template. There are two ty
55
55
template defines the look of the tree node, expansion/collapsing control and the structure for
56
56
nested children nodes.
57
57
58
- A node definition is specified via any element with ` matNodeDef ` . This directive exports the node
58
+ A node definition is specified via any element with ` matTreeNodeDef ` . This directive exports the node
59
59
data to be used in any bindings in the node template.
60
60
61
61
``` html
62
- <mat-tree-node *matNodeDef =" let node" >
62
+ <mat-tree-node *matTreeNodeDef =" let node" >
63
63
{{node.key}}: {{node.value}}
64
64
</mat-tree-node >
65
65
```
@@ -80,7 +80,7 @@ When using nested tree nodes, the node template must contain a `matTreeNodeOutle
80
80
where the children of the node will be rendered.
81
81
82
82
``` html
83
- <mat-nested-tree-node *matNodeDef =" let node" >
83
+ <mat-nested-tree-node *matTreeNodeDef =" let node" >
84
84
{{node.value}}
85
85
<ng-container matTreeNodeOutlet ></ng-container >
86
86
</mat-nested-tree-node >
@@ -96,7 +96,7 @@ a tree node recursively by setting `[matTreeNodeToggleRecursive]` to true.
96
96
activation. For icon buttons, ensure that ` aria-label ` is provided.
97
97
98
98
``` html
99
- <mat-tree-node *matNodeDef =" let node" >
99
+ <mat-tree-node *matTreeNodeDef =" let node" >
100
100
<button matTreeNodeToggle aria-label =" toggle tree node" [matTreeNodeToggleRecursive] =" true" >
101
101
<mat-icon >expand</mat-icon >
102
102
</button >
@@ -119,7 +119,7 @@ The `matTreeNodePadding` can be placed in a flat tree's node template to display
119
119
information of a flat tree node.
120
120
121
121
``` html
122
- <mat-tree-node *matNodeDef =" let node" matNodePadding >
122
+ <mat-tree-node *matTreeNodeDef =" let node" matNodePadding >
123
123
{{node.value}}
124
124
</mat-tree-node >
125
125
```
@@ -134,10 +134,10 @@ The tree may include multiple node templates, where a template is chosen
134
134
for a particular data node via the ` when ` predicate of the template.
135
135
136
136
``` html
137
- <mat-tree-node *matNodeDef =" let node" matTreeNodePadding >
137
+ <mat-tree-node *matTreeNodeDef =" let node" matTreeNodePadding >
138
138
{{node.value}}
139
139
</mat-tree-node >
140
- <mat-tree-node *matNodeDef =" let node; when: isSpecial" matTreeNodePadding >
140
+ <mat-tree-node *matTreeNodeDef =" let node; when: isSpecial" matTreeNodePadding >
141
141
[ A special node {{node.value}} ]
142
142
</mat-tree-node >
143
143
```
@@ -209,11 +209,11 @@ interaction.
209
209
210
210
``` html
211
211
<mat-tree-node
212
- *matNodeDef =" let node"
212
+ *matTreeNodeDef =" let node"
213
213
(click) =" performAction(node)"
214
214
(activation) =" performAction($event)" >
215
215
</mat-tree-node >
216
216
```
217
217
218
218
In this example, ` $event ` contains the node's data and is equivalent to the implicit data passed in
219
- the ` matNodeDef ` context.
219
+ the ` matTreeNodeDef ` context.
0 commit comments