应用程式基础：禁用ng的按钮无法使用

Question

I was using a foundation for apps button in a form. But ng-disabled isn't working with it.

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>

When I use a normal HTML button it is working.

Answer 1

那不是按钮，而是链接href，如果您使用按钮标记，它会很好地工作。

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