按值更改字体颜色

Question

根据页面上的值来改变文本的颜色？

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

{{item.temp.day}}的数据（数值）应取决于文本的颜色。在哪里＆＃34; ntvg＆＃34;是数据（字符串值），它应该取决于文本的颜色。

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

脚本：

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

Answer 1

好像你正在混合Angular 1＆amp;通过使用[]（带有指令的属性绑定）将Angular 2整体放在一起。

当您使用A1 ng-style指令时，应该没有放置[]方括号和＆amp;你不应该在ng-style表达式中使用插值。

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

此外，功能如下所示

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

Forked Plunkr

Answer 2

使用return＆＃34; red＆＃34; ＆lt; - 引号