aidez-moi s'il vous plaît à modifier la classe d'entrée [TYPE = bouton] à l'aide de l'angularjs et du contrôleur.
p>
<div class="keypadcontainer" ng-controller="anodekeypadcntrl as child"> ------ <input type="button" value="24" id="twentyFour" class="twentyfour anodeKeypadButton" ng-click="clickTwentyFour($event)" /> ------------- </div>
4 Réponses :
Vous pouvez utiliser ngclass pour cela. Dans votre balisage, faites quelque chose comme: de cette façon, vous pouvez définir myDynamicClass code> soit une seule chaîne contenant une classe CSS ou une gamme de chaînes directement de votre Contrôleur P> // controller code
$scope.myDynamicClass = 'some-css-class';
Vous pouvez utiliser Voici un plumbeur de travail avec votre code
http://embed.plnkr.co/rzs8gv975bhrk83xhspx/preview
J'espère que cela aide NG-Class pour ajouter de la classe dynamique à votre div ou bouton ou quoi que ce soit
Si vous voulez ajouter une classe, alors Essayez ceci:
var myEl = angular.element( document.querySelector( '#twentyFour' ) );
myEl.addClass('active');
Bien que ce soit une méthode parfaitement fine, nous ne voudrions pas réinventer la roue ici. Angulaire fournit déjà une fonctionnalité intégrée pour la définition de classes dynamiques et de style afin que nous ne devons pas compliquer notre code avec des sélecteurs etc.
C'est vrai, mais il n'y a pas d'explication claire ou de cas sur la manière dont le bouton doit avoir une classe active afin que la question soit une réponse simple. Si c'était une liaison dynamique plus spécifique de la classe serait une meilleure option.
Vous pouvez le faire en utilisant 'ngclass'. Notez également que vous pouvez utiliser une expression pour décider de la classe de tout élément HTML.
Supposons qu'il existe un élément modèle nommé $ isbuttonactive = false;