У меня есть серия "значков", которые я показываю в своем шаблоне.
<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; }
Тем не менее, я также хочу показать каждый экземпляр span
когда $scope.options == true
. Поэтому я добавил следующее:
<i ng-hide="options">1</i>
<span ng-show="options">2</span>
Но теперь мой :hover
сломано и не заканчивается показом span
.
Есть ли способ переопределить ng-show
чтобы мой css все равно display:block
когда он зависает?