Comment faire pour Désactiver md-bouton

J'ai un formulaire(HTML) et une directive pour faire des trucs quand soumettre le bouton est cliqué.La forme a 10 champs de saisie. L'exigence est de garder le bouton "soumettre" qui est désactivé jusqu'au moment où l'utilisateur entre une valeur dans au moins un domaine.

Quelqu'un peut s'il vous plaît aider moi. Iam nouveau angulaire et ne pouvait pas trouver beaucoup d'aide.

OriginalL'auteur Albert Pinto | 2015-08-20

  1. 7

    simplement utiliser ng-disabled="true".

    déclarer une fonction dans votre contrôleur de quelque chose comme

    checkInputFields qui renvoient soit true ou false en fonction de la forme modale.

    ensuite utiliser

    <md-button ng-disabled="checInputFields()">
  Submit
</md-button>
    je n'ai pas de contrôleur, mais la forme est assis dans une directive. j'ai essayé ta suggestion en mettant une méthode dans la directive, la directive a savoir quand une valeur est entrée.
    utilisation bindToController dans votre directive et déclarer votre méthode sur le contrôleur de la directive.

    OriginalL'auteur atinder

  2. 3
      <form ng-submit="search()" name="searchSideNav">
    <div layout="column" layout-align="center">
      <md-input-container flex>
        <label>{{::labels.documentName}}</label>
        <input ng-model="searchItems.sDocumentName" ng-required="" name="sDocumentName">
        <div ng-show="searchSideNav.sDocumentName.$invalid && !searchSideNav.sDocumentName.$pristine">
          <p ng-show="searchSideNav.sDocumentName.$error.required" class="help-block">Document is required</p>
        </div>
      </md-input-container>
       <md-button ng-disabled="searchSideNav.$invalid">
         Submit
      </md-button>
    </div>
  </form>
    essayé, mais ne fonctionne pas pour une raison quelconque, mon formulaire n'est pas valide
    Assurez vous que tous les champs du formulaire doivent avoir un nom d'attribut. Pouvez-vous s'il vous plaît poster votre formulaire html ici
    <form ng-submit=recherche"()" name="SearchSideNav"> <div layout="colonne" disposition-align="center"> <md-entrée-conteneur flex> <label>{{::étiquettes.documentName}}</label> <input ng-model="searchItems.sDocumentName" ng-requis="requireAtleastOneInput()"> </md-entrée-conteneur> <emplacement-sélectionnez label="{{::étiquettes.location}}" location="selectedLocation"></location-select> <br/>
    c'est juste une partie de l'html
    J'ai mis à jour ma réponse. Merci de se concentrer sur la validation et la forme du champ de l'attribut. La Validation ne fonctionne que lorsque vous avez ajouté le nom de l'attribut. Maintenant, il doit travailler. Veuillez vérifier. Sinon, je peux créer le plunker pour vous

    OriginalL'auteur Mohan Singh