angularjs - 用 ng-style 和不同的条件改变颜色

Question

我想改变我的 td 颜色的参数，所以我试试这个，它工作正常:
{{项目名称}}

但是当我尝试使用不同的条件时

项目名称:xxx =>颜色:红色

项目名称:yyy => 颜色:黄色

项目名称:aaa => 颜色:蓝色

Answer 1

尝试这个。

var app = angular.module("app",[]);

app.controller("ctrl" , function($scope){
  $scope.items = [{"name":"ali"},{"name":"reza"},{"name":"amir"}];
  
  
  $scope.getStyle = function(name){
    if(name == "ali")
      return {'color':'red'};
    if(name == "reza")
      return {'color':'blue'};
    if(name == "amir")
      return {'color':'green'};
    }
  
  
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl" class="panel-group" id="accordion">
  
  <div ng-repeat="item in items">
      <p ng-style ="getStyle(item.name)">{{item.name}}</p>
    </div>
            
</div>