按值更改字体颜色

Question

是否根据页面上的值改变文字的颜色？

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

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

如果大于 0 item.temp.day - 红色字体颜色。 Else:blue。

脚本：

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

Answer 1

使用return "red" <-引号

Answer 2

您似乎在使用 []（属性与指令绑定）将 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';
      }
}

Change font color by value