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

前端之家收集整理的这篇文章主要介绍了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'}">

猜你在找的Angularjs相关文章