如何用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}"