Comment faire pour activer ou désactiver l'entrée des champs dynamiquement en angular js conception de matériel

Je rencontre un problème avec ng-désactiver. comme je suis en utilisant angulaire de la matière, je pense que ce n'est pas de travail. Je veux que ma zone de saisie pour être activés ou désactivés de façon dynamique en fonction de la condition.

Remarque:- j'ai plusieurs champs de saisie je veux activer ou de désactiver tous les de la, d'un seul coup.

Je suis comme ça

<md-input-container class="md-block" flex-gt-sm>
    <label for="Autocomplete">From</label>
    <input required type="text" class = "hideShadow" ng-model="FromLocation"
           uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" 
          class="form-control" ng-disabled="isDisabled">
    <div ng-messages="searchFlight.FromLocation.$error">
    <div ng-message="required">Please enter from location</div>
     </div>
</md-input-container>

Je suis en train d'essayer d'accéder à ng-disabled="isDisabled" dynamiquement comme ce

$scope.isDisabled = true;

Mais ce n'est pas de travail. Je sais où je vais mal?

  • Est angulaire de travail, pas d'erreur dans la console?
  • aucune erreur dans la console
  • L'esprit de partage de votre code js?
  • je n'ai pas à le partager, mais il est assez lourd.
  • J'ai une solution. je garde mon JS dans le mauvais endroit, mauvais 🙁
InformationsquelleAutor Hemanth Paluri | 2016-10-26
  1. 6

    Je crois que le problème est dans la façon dont vous avez lier la propriété isDisabled.

    essayez ceci:

    $scope.model = {
    isDisabled: true
};

    Alors:

    ng-disabled="model.isDisabled"

    Ce problème se produire lorsque nous essayons de lier une primitive de la propriété à une directive. Nous avons besoin de lier un attribut d'un objet pour fonctionner correctement.

    InformationsquelleAutor Fernando Soares
  2. 1

    Vous pouvez activer ou désactiver le champ à l'aide de ng-désactivé

    Par exemple, si vous souhaitez désactiver un bouton au départ et après l'exécution de quelque chose que vous voulez activer le bouton,

    <button class="btn btn-default" type="submit" ng-disabled="isDisabled" ng-click="ok()">OK</button>

$scope.isDisabled = true;

$scope.save = function(){
//after completing the operation set the values of variable to false
$scope.isDisabled = false;
}
    InformationsquelleAutor meenal