title: Disable mat icon into mat-tree-node
body: <p>I need the answer to this question: is it possible to disable a mat-icon within a mat-tree-node?</p>
  
  <p>So let me show you my code. Seeing the present mat-tree-node: </p>
  
  <pre><code> &lt;mat-tree [dataSource]="ListView" [treeControl]="treeControl"&gt;
   &lt;mat-tree-node
                  *matTreeNodeDef="let node"
                  matTreeNodePadding
                  matTreeNodePaddingIndent="20"
                  class="mat-tree-node node-level-last hover"
              &gt;
                  &lt;button class="cursor-default" mat-icon-button disableRipple="true"&gt;&lt;/button&gt;
                  &lt;div class="zone-action"&gt;
                  &lt;div &gt; {{ node.item.name }} &lt;/div&gt; 
  
                      &lt;div class="icon-hover" *ngIf="!node.item.CanVisualize"&gt;
  
                          &lt;div *ngIf="isEnabled"&gt;
                             &lt;mat-icon
                                  svgIcon="pencil"
                                  color="primary"
                                  (click)="actionReport(node.item, 'update'); $event.stopPropagation()"
                              &gt;&lt;/mat-icon&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/mat-tree-node&gt; 
  </code></pre>
  
  <p>I would like to have access to a list openened by the selection of a mat-tree-node, but I can't for the moment. So you have the property-binding " {{ node.item.name }} " that displays an information relative to the object selected which you need to know so as to proceed into the navigation of the component and it is needed to disable or hide the mat-icon inside <code>&lt;div *ngIf="isEnabled"&gt;</code>.</p>
  
  <p>But adding a structural directive like an ng-if in the HTML parent Node erase the node.item.name, printing an empty field, which behavior is clearly not the one searched.</p>