Основание для приложений: ng-disabled не работает на кнопках

Question

Основание для приложений: ng-disabled не работает на кнопках

0

Я использовал кнопку "Создать приложение для приложений" в форме. Но 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, она работает.

Tarun Dugar 18 сен. 2015, в 15:43

Источник

Теги:

javascript

html

angularjs

zurb-foundation-apps

1 ответ

Ещё вопросы

michelem · Answer 1 · 2015-09-18T10-51-00.000Z

Это не кнопка, это ссылка href, если вы используете тег кнопки, он отлично работает.

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

Я знаю это. Тем не менее, в основе приложений находятся кнопки в тегах привязки. Смотрите ссылку: foundation.zurb.com/apps/docs/#!/button
Вы уверены, что не можете использовать один и тот же класс button для тега кнопки вместо привязки и получить тот же результат?
Я могу использовать его, но он не дает отключенный взгляд на кнопку. Кстати, я использую ng-class = {disabled: loginForm. $ Invalid}