对多个条件使用三元运算符表示ng-class

Question

我正在使用ng-repeat来显示数据，其中一个是进度条的值，根据条件，我需要更改进度条颜色。

我使用语法patent.costBandColour == 'Blue' ? 'bg-phase-black': ''来处理其中一个条件，如下所示：

<uib-progress ng-class="patent.costBandColour == 'Blue' ? 'bg-phase-black': ''">
    <uib-bar value="patent.progressBar">{{patent.progressBar}}%</uib-
</uib-progress>

我需要为这个单一的ng-class添加5个条件。我试图添加第二个条件，因此语法如下：

patent.costBandColour == 'Blue' ? 'bg-phase-black': '' patent.costBandColour == 'Red' ? 'bg-phase-blue': ''

但错误显示：

  

语法错误：令牌'，'是第55列的意外令牌   表达[patent.costBandColour =='蓝'？ 'bg-phase-black'：''，   patent.costBandColour =='红色'？ 'bg-phase-blue'：'']从[开始   patent.costBandColour =='红色'？ 'bg-phase-blue'：]。

问题

我的语法在哪里，我错了？它说,是错误，那么如何绑定多个条件？