Javascript 按值更改字体颜色

根据页面上的值更改文本的颜色

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

---

使用return“red”使用return“red”使用

[]

（属性与指令绑定）似乎将角度1和角度2整体混合在一起

当您使用A1

ng样式时

指令不应放在方括号内[]不应在

ng样式

表达式内使用插值

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

另外，函数如下所示

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

---

使用

[]

（属性与指令绑定）似乎将Angular 1和Angular 2整体混合在一起

当您使用A1

ng样式时

指令不应放在方括号内[]不应在

ng样式

表达式内使用插值

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

另外，函数如下所示

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

---

有趣的是，ng样式指令不起作用。即使是使用属性语法的样式，此文本为橙色也不会改变文本的颜色我使用angular.js如何添加此功能？@Dmitry check更新的答案，谢谢：）我添加了plunkr作为well@Dmitry很高兴知道，谢谢：）有趣的是，ng风格指令不起作用。即使是使用属性语法的样式，此文本为橙色也不会改变文本的颜色我使用angular.js如何添加此功能？@Dmitry check更新的答案，谢谢：）我添加了plunkr作为well@Dmitry很高兴知道，谢谢：）