Προσπαθώ να μάθω πώς να προσθέσω μια κλάση με το ngClick. Έχω ανεβάσει τον κώδικά μου στο plunker Κάντε κλικ εδώ. Κοιτάζοντας την τεκμηρίωση angular δεν μπορώ να καταλάβω τον ακριβή τρόπο που πρέπει να γίνει. Παρακάτω είναι ένα απόσπασμα του κώδικά μου. Μπορεί κάποιος να με καθοδηγήσει προς τη σωστή κατεύθυνση
<div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div>
Ελεγκτής
var app = angular.module("MyApp", []);
app.controller("subNavController", function ($scope){
$scope.toggle = function (){
$scope.isVisible = ! $scope.isVisible;
};
$scope.isVisible = false;
});
Θέλω να προσθέσω ή να αφαιρέσω την κλάση "active
" στον κώδικά μου δυναμικά στο ng-click
, εδώ τι έχω κάνει.
<ul ng-init="selectedTab = 'users'">
<li ng-class="{'active':selectedTab === 'users'}" ng-click="selectedTab = 'users'"><a href="#users" >Users</a></li>
<li ng-class="{'active':selectedTab === 'items'}" ng-click="selectedTab = 'items'"><a href="#items" >Items</a></li>
</ul>
Απλά πρέπει να δεσμεύσετε μια μεταβλητή στην οδηγία "ng-class" και να την αλλάξετε από τον ελεγκτή. Ακολουθεί ένα παράδειγμα για το πώς να το κάνετε αυτό: