Comment faire pour modifier l'opacité avec ngstyle?

J'ai dans le régulateur:

$scope.currentPage = 0;

Maintenant, sans aucun code supplémentaire (méthode) dans le contrôleur, je veux régler l'opacité 0.4 sur l'image lorsque currentPage ==0

J'ai donc écrit:

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

Mais j'obtiens l'erreur:

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

Violon

Dois-je raté quelque chose?

Merci,

[MODIFIER]

Je peux écrire ng-style="myOpacity"

et dans le contrôleur:

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

Mais il demande de code supplémentaire dans le contrôleur