应用的基础:ng-disabled不能在按钮上工作

Question

我在表单中使用了应用程序按钮的基础。但是ng-disabled不能使用。

HTML:

                 <form name="loginForm" novalidate>
                    <div class="grid-block">
                        <div class="grid-content">
                            <input type="text" placeholder="Username" ng-model="formData.username" required/>
                        </div>
                    </div>
                    <div class="grid-block">
                        <div class="grid-content">
                            <input type="password" placeholder="Password" ng-model="formData.password"/>
                        </div>
                    </div>
                    <div class="grid-block">
                        <div class="grid-content">
                            <a class="button" type="button" href="#" ng-disabled="loginForm.$invalid" ng-click="userLogin()">Login</a>
                        </div>
                    </div>
                    {{loginForm.$invalid}}
                </form>

当我使用一个普通的HTML按钮，它是工作的

Answer 1

这不是一个按钮，它是一个链接href，如果你使用一个按钮标签，它工作得很好

<button class="button" type="submit" ng-disabled="loginForm.$invalid" ng-click="userLogin()">Login</button>