J'ai créé des éléments de boutons à l'aide de NG-REPEAT. Maintenant, j'ai besoin de définir une opacité de ces éléments de bouton basés sur la valeur booléenne en JavaScript sans ng-clic car l'opacité doit être définie avant tout événement de clic.
HTML P>
$scope.buttons.buttonId.style.opacity = 0.3;
4 Réponses :
Ne faites pas de manipulation directe DOM comme ça, utilisez contrôleur: NG-style ou NG-Classe directives.
Modèle:
Merci. Mais l'opacité devrait être basée sur une valeur booléenne dans le contrôleur. Par exemple, si $ périmètre.CurrentValue = true signifie que seule l'opacité de 0,3 doit être réglée sur le bouton respectif
Néanmoins, la classe NG et la classe NG est la voie à suivre.
Avez-vous essayé de style NG?
Exemple p>
html p>
$scope.myObj = {
"opacity" : "0.3"
}
Utiliser contrôleur: ng-style :
Vous pouvez utiliser Le bouton d'opacité à bascule est ici pour changer l'état. HTML: < / p> fichier CSS: contrôleur: échantillon Jsfiddle Pour plus de référence: NG-Class Directive pour appliquer une classe CSS Conditionnellement comme ceci:
L'erreur indique
$ portée.buttons.buttonid.style estnon défini .NG-Repeat crée six boutons au total. Hors de ces opacité doit être réglé sur deux boutons basés sur une valeur booléenne
Oui, parce que le bouton n'est pas encore créé.
Je peux accéder au bouton de la fonction "SETMode (bouton)" qui a été appelé dans NG-Click. Mais je ne pouvais pas accéder au même bouton à l'intérieur d'une init ()
La directive
ng-init peut être abusée pour ajouter des quantités inutiles de logique dans vos modèles. Il n'y a que quelques utilisations appropriées denginit . 1