应用程序基础：ng-disabled无法处理按钮

Question

我在表单中使用了foundation for apps button。但是 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>