Angular 6树与ngclass

Question

我尝试使用https://maven.apache.org/plugins/maven-dependency-plugin/analyze-mojo.html]中的嵌套树示例，我发现了一个我不太了解的有趣行为。根据我的搜索，[ngClass]和[class.XXX]是等价的，但是当我替换

时

<ul [class.example-tree-invisible]="!nestedTreeControl.isExpanded(node)">
    <ng-container matTreeNodeOutlet></ng-container>
</ul>

与

<ul [ngClass]="{'example-tree-invisible':!nestedTreeControl.isExpanded(node)}">
    <ng-container matTreeNodeOutlet></ng-container>
</ul>

它不再像我们预期的那样工作了。当我展开或折叠时，会添加和删除该类，但是内部树不会出现。

有人可以解释两种方法之间的区别，为什么第一种方法没问题而另一种方法没有？

谢谢！