当angular4中没有子数据时，我想隐藏下拉图标

Question

我想在没有子数据时隐藏下拉图标，并在angular4中显示子数据时显示下拉图标（已使用rowGroup：将其分组为父/子列表）。有人可以告诉我是否有解决方案？

当父节点下没有数据时，我的下拉图标应该不可见；如果父数据下有任何子数据，则我的下拉图标应该可见。

我尝试了可见的布尔方法，但仍然没有任何效果。

rowGroup：是，

Answer 1

在您的HTML中，尝试类似以下操作：

[class.disable]="!rowGroup"

并在您的CSS中：

 .disable{
  display: none;
  }

Answer 2

这可以使用：only-child选择器来完成。

 .dropdown-menu .caret:only-child{
 display: none;
 }

Answer 3

希望这会对您有所帮助。首先，您检查是否有子数据，如果有子数据，则将变量childDataPresent的值更改为true。

childDataPresent: boolean = false;

rowGroup?: childDataPresent;

有关更多信息，link。