在运行时显示类调用时如何处理

Question

我需要一些角度方面的帮助。我想添加abc类时添加show类，而abc类隐藏时show类隐藏我正在使用angular6我的条件在下面，请帮助我

 <ul 
   [ngClass]="['show' === 'show' ? 'abc' : 'none-hightlight']" 
   *ngIf="cities.subcat.length>0" 
   class="first-sub-cat dropdown-menu">

Answer 1

如果要使用表达式验证是否正确，则应使用对象而非数组。有关angular documentation

的更多信息

因此，在您的情况下，将是这样的：

{ 'acb': 'show' === 'show', 'none-hightlight': 'show' !== 'show' }

Answer 2

尝试

<ul 
   [ngClass]="{'show' === 'show' ? 'abc' : 'none-hightlight'}" 
   *ngIf="cities.subcat.length>0" 
   class="first-sub-cat dropdown-menu">