Angular 2 - 后代的条件样式

Question

＆＃13;

＆＃13;

.parent {
  color: blue;
}

.parent * {
  color: red;
}

.child {
  color: black;
}

.grandchild {
  color: green;
}

＆＃13;

<div class="parent">
  Parent
  <div>Child
    <div>GrandChild</div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

假设我在Angular组件中有一个名为toggle的属性。我想切换＆＃34; .parent *＆＃34;后代的样式，因此它们的颜色会根据切换状态在红色或蓝色之间变化。我怎么能通过ngClass或ngStyle这样做？或者有可能吗？谢谢！

Answer 1

只需使用 function history(e) { var a= ($(".imgbtn").closest($('.testAccId')).text(); alert(a); }

即可

[class.parent]

当<div [class.parent]="toggle"> Parent <div>Child <div>GrandChild</div> </div> </div> 为真时，将应用类父级。