angularjs – 如何用ngstyle改变不透明度？

到目前为止，我在控制器中

$scope.currentPage = 0;

现在，在控制器中没有任何附加的代码(方法)，我想在currentPage == 0时在图像上设置opacity 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

我想念某件事吗？

谢谢，

[编辑]

我可以写ng-style =“myOpacity”

在控制器中：

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

但它需要控制器中的附加代码

更新：自1.1.5版本以来，Angular在模板中确实支持三元运算符。

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

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