我在模板中显示了一系列“图标”。
<div ng-repeat="data in items | orderBy:'-timestamp'">
<div class="icon">
<i>1</i>
<span>2</span>
</div>
</div>
我有以下CSS来显示span何时.icon悬停并隐藏i。
.icon:hover i { display: none; }
.icon:hover span { display: block; }
但是，我也希望能够显示spanwhen的每个实例$scope.options == true。因此，我添加了以下内容：
<i ng-hide="options">1</i>
<span ng-show="options">2</span>
但是现在，我:hover已经坏了，最终没有显示span。
有没有一种方法可以ng-show使cssdisplay:block悬停时仍然覆盖它？
您可以跳过css，并使用ng-mouseenter / ng-mouseleave对其进行角度处理。然后使用or来显示第二个变量何时为真。
HTML：
<div ng-repeat="data in items | orderBy:'-timestamp'">
<div ng-mouseenter="options=true" ng-mouseleave="options=false" class="icon">
<i ng-hide="options || checkbox">1</i>
<span ng-show="options || checkbox">2</span>
</div>
</div>
<input type='checkbox' ng-model="checkbox" ng-click="options=!options">Show
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句