angularjs - ngstyle - ng-style conditional

¿Cómo cambiar la opacidad con ngstyle?

Question

Tengo en control hasta el momento:

$scope.currentPage = 0;

Ahora, sin ningún código adicional ( método ) en el controlador, quiero establecer la opacidad 0.4 en la imagen cuando currentPage ==0

Así que escribí:

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

Pero me sale un error:

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

Fiddle

¿Echo de menos algo?

Gracias,

[EDITAR]

Puedo escribir ng-style="myOpacity"

y en el controlador:

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

Pero exige código adicional en el controlador.

Answer 1

En realidad, AngularJS 1.1.5 tiene un operador ternario (consulte https://github.com/angular/angular.js/commit/6798fec4390a72b7943a49505f8a245b6016c84b ) por lo que si usa una versión> = 1.1.5, debería poder usar:

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

Answer 2

Actualización : Desde la versión 1.1.5, Angular tiene soporte para operadores ternarios en plantillas.

Angular no tiene soporte para el operador ternario en plantillas. Sin embargo, puede utilizar el operador ternario del pobre:

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