Angular ngClass不工作

-1

我是Angular的新手，我试图让ngClass工作，但它不想。这里是我的代码：Angular ngClass不工作

<div *ngFor= "let job of dashboardJobsDetails" class="card"> 
    <div ngClass="{'red card':job.status == 'Failed', 'yellow card': 
      job.status =='Warning', 'green card': job.status =='Success'}"> 
     Status: {{job.status}} 
    </div> 
</div>

的ngFor的伟大工程中，第二个div显示正确的状态，但绝不ngClass应用的风格。任何想法或提示？

来源

2017-09-01 Ecco Telli

为什么你认为'NG-Class' * *会的工作？我建议你在使用东西时阅读[文档]（https://angular.io/guide/template-syntax#ngClass）。 – jonrsharpe

我试过文档，我也试过ngClass（ngClass，ng-class，[ngClass]，[ng-Class]）的每种可能的组合，但他们都没有工作。只是为了回答你的问题，在这个网站上搜索ng级，你会发现很多证明它的工作原理。 –

'ng-class'是AngularJS（1.x）。你可能已经展示了一个在Angular（2+）中实际上有意义的例子，而不是永远不会起作用的例子。 – jonrsharpe

的语法是错误的，它应该是

<div [ngClass]="{'red card':job.status == 'Failed', 'yellow card': 
     job.status =='Warning', 'green card': job.status =='Success'}">

来源

2017-09-01 20:10:05

试过了，不起作用。 –

“不起作用”是指*完全*吗？你的应用程序中是否有多个'NgModule'？如果是的话，你是否在额外的NgModule中导入了CommonModule？ –

Angular ngClass不工作

回答

相关问题