Question

我想检查div的值，如果值是>，<和===会将颜色返回到[style.backgroundColor]。

public getColor(): string {
    const percent = this.file.[0].file2.file3[0].percentValue;
    if (percent > 50) {
      return '#4B8A08';
    } else if (percent <= 50 && percent > 40) {
      return '#FFBF00';
    } else if (percent < 40) {
      return '#FF8000';
    }
  }

我只获得一个号码可能是因为[0]但是如果我删除[0]我会收到错误，在HTML中我使用带有索引的* ngIf来获取值和工作很好，但在组件中我必须做什么？

Answer 1

你的功能应该是这样的。你的SELECT DATENAME(QUARTER,start_date), blah FROM foo WHERE @dateRange = 1 GROUP BY 1 UNION ALL SELECT DATENAME(MONTH ,start_date), blah FROM foo WHERE @dateRange = 2 GROUP BY 1 UNION ALL -- etc, etc, etc ORDER BY x, y, z -- Order the result of the UNION, not each component变量字符串。你需要转换成整数。

percent

Answer 2

public getColor(percent:string): string {
        percent = +percent
        if (percent > 50) {
          return '#4B8A08';
        } else if (percent <= 50 && percent > 40) {
          return '#FFBF00';
        } else if (percent < 40) {
          return '#FF8000';
        }
  }

和in html

<div [style.backgroundColor]="getColor(groupNumbers.person.peopleSkills[0].percentValue)">{{groupNumbers.person.peopleSkills[0].percentValue}}</div>

获取值数组并返回[style.backgroundColor] - Angular 2+

2 个答案: