Ändern der Spannungsklasse bei Klick angularjs

Guten Tag! Ich habe eine Spanne in meinem Code. Die Klasse enthält ein Bild, das über span angezeigt wird. Sobald der Benutzer das Bild geklickt wird, sollte seine Klasse ändern und wenn eine andere Spanne geklickt wird, sollte es auf die ursprüngliche Klasse zurückÄndern der Spannungsklasse bei Klick angularjs

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

auf meinem Controller

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

Es ist bereits funktioniert, aber mein Problem Auf der Lade wird nichts angezeigt und es wird nur angezeigt, wenn ich darauf klicke. Ich benutze angularjs btw

Quelle

2016-04-01 bleykFaust

Was Sie mit * bedeuten nichts tun wird angezeigt * Es gibt nur eine Spanne ist und wenn es nicht dort ist, wo Sie klicken Sie. Erklären Sie Ihr Problem ausführlich und posten Sie den entsprechenden Code in der Post. –

Wo ist die Klasse, die Sie beim Laden anzeigen müssen? Wenn die 'mode' Klasse auf' ng-click' angezeigt wird? –

@JenishRabadiya die Spannweite zeigt Bilder, wenn es das farbige Bild ist klicken Gegenstück angezeigt werden soll, aber mein Code oben zeigt nichts erst, nachdem ich es angeklickt wird, wird das farbige Pendant – bleykFaust

Wenn Sie einen Schalter auf ng-click haben, dann ändern Sie einfach die ng-class von diesem.

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

Dann sollte es die Klasse, die Sie auf Last wollen zeigen und zeigen mode Klasse auf ng-click

Hoffe, es hilft.

Quelle

2016-04-01 06:09:31

Danke Es hat funktioniert! aber wie wäre es, wenn ich eine andere Spanne anklicke? Die Klasse sollte in den ursprünglichen Zustand zurückversetzt werden. – bleykFaust

Sie müssen nur den '$ scope.isActive'-Booleschen Wert bei einem anderen Span-Klick auf false umschalten. :) –

kannst du es mir bitte @mJunaidSalaat zeigen? – bleykFaust

Ändern der Spannungsklasse bei Klick angularjs

Antwort

Verwandte Themen