按值更改字体颜色

Question

视页面上的值来更改文本的颜色？

<div [ng-Style]="color":colorFont({{item.temp.day}})> {{item.temp.day}} {{vm.symbal}}</div><br>

{{item.temp.day}}的数据（数值）应取决于文本的颜色。 其中“ ntvg”是数据（字符串值），应取决于文本的颜色。

如果大于0 item.temp.day-红色字体颜色。 否则：蓝色。

脚本：

$scope.colorFont=function(var templiche){
    if (parseFloat(templiche)>0) return color="red";
     else {
       return color="blue";
     }
}

Answer 1

似乎您正在通过使用[] （带有指令的属性绑定）将Angular 1和Angular 2整体混合在一起。

当您使用A1时， ng-style指令不应放在[]方括号内，并且您不应该在ng-style表达式内使用插值。

ng-style="{'color': colorFont(item.temp.day)}"

其他功能如下所示

$scope.colorFont=function(templiche){
     if (templiche>0) return 'red';
      else {
        return 'blue';
      }
}

分叉的Plunkr

Answer 2

使用返回“红色” <-引号