ngstyle을 사용하여 불투명도를 변경하는 방법은 무엇입니까?

Question

지금까지 컨트롤러에 있습니다

$scope.currentPage = 0; 

을 이제 currentPage ==0

그래서 내가 쓴 때 컨트롤러의 추가 코드 (방법)없이 나는 이미지 불투명도 0.4을 설정하려면 :

<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

6,내가 뭔가를 그리워합니까?

, 감사합니다

내가 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

, 삼항 연산자 (https://github.com/angular/angular.js/commit/6798fec4390a72b7943a49505f8a245b6016c84b 참조)이 1.1.5 AngularJS와를 그래서 당신은> =이 1.1.5 버전을 사용하는 경우는 사용할 수 있어야합니다 :

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