如何用ngstyle改变不透明度？

Question

我在控制器至今：

$scope.currentPage = 0; 

现在，无需控制器的任何额外的代码（方法）我想设置不透明度0.4图像时currentPage ==0

所以我写了：

<div ng-controller="ctrlRead"> 
    <div class="pagination no-margin "> 
    <ul> 
     <li ng-class="{disabled: currentPage == 0}"> 
     <a href="" 
      ng-class="{disabled: currentPage == 0}"> 
      <i class="icon-fast-backward" 
      ng-style="{opacity : (currentPage == 0)?'0.4':'1'}"> 
      </i> 
     </a> 
     </li> 
    </ul> 
    </div> 
</div> 

但是我得到的错误：

Unexpected next character at columns 29-29 [?] in expression [{opacity : (currentPage == 0)?'0.4':'1'}] 

Fiddle

难道我错过了什么？

谢谢

[编辑]

我可以写ng-style="myOpacity"

，并在控制器：

$scope.myOpacity = { 
    'opacity': ($scope.currentPage == 0)?0.4:1 
}; 

但它在控制器需要额外的代码

Answer 1

更新：从版本1.1.5开始，Angular在模板中支持三元运算符。

Angular不支持模板中的三元运算符。你可以，但是，使用穷人的三元运算符：

ng-style="{opacity : ((currentPage == 0) && '0.4') || '1'}"> 

Answer 2

其实，AngularJS 1.1.5具有三元操作符（见https://github.com/angular/angular.js/commit/6798fec4390a72b7943a49505f8a245b6016c84b），所以如果你用的版本> = 1.1.5，你应该能够使用：

ng-style="{'opacity' : currentPage == 0 ? 0.4 : 1}"