javascript - 应用程序基础：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>