使用Angular 2在按钮上动态设置类或样式

时间:2017-06-11 20:55:52

标签: angular

我有一个可能需要应用课程的按钮..

<button ion-button color="dark" [ngClass]='getJobClasses(job)' (click)="changeStatus(job.jobID)" outline>{{ job.jobName }}</button> 

getJobClasses函数是:

getJobClasses(job) {
    if(job.hasJob == 1) {
        return {
            ['job-block-enabled'] : job.hasJob == 1
        }
    }
}

因此,如果job.hasJob = 1,那么类job-block-enabled将应用于该按钮。否则,此类未设置。

这很有效。

我想要做的是扩展此处的功能并说:

  1. 如果job.hasJob=1,则添加类job-block-enabled
  2. 否则,如果设置了job.categoryDefault,则应用样式background-color: job.categoryDefault
  3. 否则不应用样式并且不设置背景颜色
  4. 看起来这很复杂,因为我需要根据作业中的值来应用类或样式

0 个答案:

没有答案