Question

当style="float:left;"值存在时，我只需隐藏内联样式（ul标记data.unlock_scode）。 ng-show="data.unlock_scode"代码中的img工作正常，我无法在ul代码中使用相同内容，因此它会隐藏整个ul部分。

<ul style="float:left;">
   <li ng-show="data.upfront != ''">Test</li>
</ul>
<img src="u70007.jpg" ng-show="data.unlock_scode" style="float:left;">

Answer 1

您可以使用ng-style为您的样式设置条件

<ul ng-style="{'float': data.unlock_scode ? 'inherit':'left'}">
   <li ng-show="data.upfront != ''">Test</li>
</ul>

Answer 2

使用ng-style

<ul ng-style="!data.unlock_scode" style="float:left;">
  .....
</ul>

更好的方法是不添加内联样式而是使用ng-class

.someclass{
    add css here..
}

.someotherclass{
   add css here..
}    

ng-class="{someclass: !data.unlock_scode, someotherclass: data.unlock_scode}"

使用angularJS隐藏内联样式

2 个答案: