Activer/Désactiver le bouton de contrôleur sur Angularjs
J'ai un bouton HTML option est la suivante,
<button ng-class="{'primaryButton':true}" type="button" id="modalCreateBtn" "ng-hide="false" class="btn btn-group mm-btn-save primaryButton" ng-click="addSegments()">CREATE</button>
Il n'y a pas de ng-disable
option dans le bouton au-dessus de l'option. Est-ce possible d'activer/de désactiver le bouton avec buttonId sur le contrôleur? Aussi, je ne veux pas ajouter l'option désactiver sur l'affichage HTML. Au lieu de cela j'ai envie de le contrôler via des scripts. Est-ce possible?
Une raison pour ne pas utiliser
yesm parce que mon entrée est exactement comme ci-dessus. l'appel ci-dessus le bouton format pour tous les boutons de ma demande.
Pourquoi êtes-vous y compris
Aussi...à moins que vous ré-écrit votre code de mal lors de la publication de cette question, vous avez besoin pour réparer votre devis ici:
Vous devriez vraiment changer les boutons d'inclure
ng-disabled
?yesm parce que mon entrée est exactement comme ci-dessus. l'appel ci-dessus le bouton format pour tous les boutons de ma demande.
Pourquoi êtes-vous y compris
ng-class="{'primaryButton':true}"
...primaryButton
aura toujours une classe appliquée au bouton, dans ce cas, et, plus important encore, c'est déjà une partie de la class
attributAussi...à moins que vous ré-écrit votre code de mal lors de la publication de cette question, vous avez besoin pour réparer votre devis ici:
"ng-hide="false"
Vous devriez vraiment changer les boutons d'inclure
ng-disabled
comme suggéré par @Zee et @Gabriel CohenOriginalL'auteur Pez | 2015-06-02
Vous devez vous connecter pour publier un commentaire.
Avez-vous regardé dans ngDisable?
Vous pouvez avoir un ngModel et de le modifier à partir du contrôleur. Comme l'exemple de la documentation est dit ici:
Et le JS:
OriginalL'auteur Gabriel Kohen
À l'aide de
ng-disabled
est la meilleure pratique pour activer/désactiver un bouton, mais vous pouvez également l'obtenir dans le contrôleur sans ajouterdisabled
propriété à votre mode HTML avec ces scripts,angular.element(document.getElementById('yourButtonId'))[0].disabled = true;
Dans votre cas,
angular.element(document.getElementById('modalCreateBtn'))[0].disabled = true;
Plunker
Espérons que cette aide!
OriginalL'auteur Alhuck A