如何在angular2中为复杂的多条件写入内联[ngStyle]

Question

在这里，我想在div中传递一个条件，当它包含某个数字时会显示某种颜色。

条件是：

    id  job fname   lname
0   4   abc james   frank
1   6   cde bob     altin
2   7   kde kevin   mchon
3   8   mde george  fndes

Answer 1

您好您可以在控制器中定义一个函数，该函数返回您需要的值。您可以在视图文件中使用它。 下面我给了一个plunker链接。只是通过它。希望它能为你效劳。如果您对此有任何疑问，请告诉我。 https://plnkr.co/edit/lW1rP9VyCeqpS5QhGjJA?p=preview

代码：

<div [ngStyle]="{'color': colorGreen(), 'font-size': size + 'px', 'font-weight': 'bold'}">

Angular 2 Ng Style示例

您可以在此检查if（）条件并返回颜色。

colorGreen = function(){
return 'green';
}

由于