angularjs – 如何用ngstyle改变不透明度?
发布时间:2020-12-17 08:10:17 所属栏目:安全 来源:网络整理
导读:到目前为止,我在控制器中 $scope.currentPage = 0; 现在,在控制器中没有任何附加的代码(方法),我想在currentPage == 0时在图像上设置opacity 0.4 所以我写道: div ng-controller="ctrlRead" div class="pagination no-margin " ul li ng-class="{disable
到目前为止,我在控制器中
$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'}"> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |