angulaire.js - Validation du formulaire AngularJS

Question

Ma version d'AngularJs est v1.4.3, et j'ai rencontré un problème lors de la validation du formulaire.
L'effet que je souhaite obtenir est le suivant : lorsque le contenu du formulaire est vide, le bouton de connexion est désactivé. Mais maintenant, le bouton de connexion n'est pas désactivé.

-- HTML --

<button class="btn btn-block btn-success" disabled="disabled" name="sign" ng-click="vm.submit(sign_form)" ng-disabled="sign_form.$invalid" type="submit">登 录</button>

-- AngularJS --

var app=angular.module("ayApp",[]);
app.controller("ayAppCtrl",['$scope',function($scope){
    var vm=$scope.vm={};
    vm.d=storedb('ay').find();
    vm.submit=function(sign_form){
        sign_form.$setDirty();
        if(sign_form.$valid){
            alert("Success");
        }
    }
}]);

Answer 1

<input type="text" ng-model="test" requis/> <button type="submit" ng-disabled="form.$invalid">提交</button>

Answer 2

Un objet vm est lié à la portée, puis vous créez une vm. Que voulez-vous faire ?
Deuxièmement, je ne pense pas que vous ayez besoin d'écrire vous-même un contrôleur pour implémenter cette fonction.

Answer 3

    <form name="categoryAddBox">
      <input type="text" ng-model="preAddCategoryName" required>
      <input type="submit" ng-click="addCategory($event)" value="确定" ng-disabled="!categoryAddBox.$valid">
    </form>