Изменить класс span на click angularjs

Добрый день! У меня есть пробел в моем коде. Класс содержит изображение, отображаемое через span. После того, как пользователь нажал на изображение, его класс должен измениться, и когда другой пролет щелкнул, она должна вернуться к исходному классуИзменить класс span на click angularjs

<span alt="Mode1" ng-class="{'mode': isActive}" ng-click="activeButton()" ></span></span>

на мой контроллер

$scope.isActive = false; 
    $scope.activeButton = function() { 
    $scope.isActive = !$scope.isActive; 
    }

Он уже работает, но моя проблема находится на загрузке, ничего не отображается, и это отображается только тогда, когда я нажимаю на нее. Im с использованием angularjs btw

источник

2016-04-01 bleykFaust

Что вы подразумеваете под * ничего не отображается * Существует только один пролет, и если он не там, где вы нажимаете. Объясните свою проблему подробно и разместите соответствующий код в сообщении. –

Где класс, который вы должны показывать при загрузке? Если класс 'mode' показан на' ng-click'? –

@JenishRabadiya span показывает изображения, когда он нажимает цветную копию изображения, должен отображаться, но мой код выше отображается только после того, как я щелкнул его, отображается цветная копия – bleykFaust

Если у вас есть переключатель на ng-click, то просто измените ng-class.

ng-class="{'mode': isActive, 'classThatIsSupposedToBeShownOnInActive': !isActive}"

Затем он должен показать класс, который Вы хотите от нагрузки и показать mode класс на ng-click

Надеются, что это помогает.

источник

2016-04-01 06:09:31

Спасибо, это сработало! но как насчет того, когда я нажимаю другой диапазон? класс должен вернуться в исходное состояние. – bleykFaust

Вам просто нужно переключить логическое значение '$ scope.isActive' в false на другой промежуточный щелчок. :) –

вы можете показать это мне, пожалуйста @mJunaidSalaat? – bleykFaust

ответ

Смежные вопросы