2015-06-10 4 views
1

У меня есть небольшая проблема с Angular JS и модальной бутстрапом.AngularJs ясно форма в модальном и установить его ng-invalid

Это декорации: Я создаю модальный с бутстрапом, который содержит форму. В этой форме я использую угловую проверку со встроенным свойством formname.$valid. Когда formname.$valid является ложным, я устанавливаю кнопку отправки в Скрытый, когда formname.$valid истинна, та же кнопка видна.

Проблема заключается в том, что я отправляю первый раз, когда форма закрывает модальный и очищает все типы ввода. Во второй раз, когда я открываю модальное свойство, значение formname.$valid истинно, вместо этого оно должно быть ложным. Также класс формы установлен в ng-valid, однако он должен быть ng-invalid. Как я могу решить эту проблему?

Это демонстрация jsfiddle, которая точно объясняет мою проблему.

Для JS скрипки проекта я рекомендую использовать Chrome, потому что это единственный браузер, я должен поддерживать (это только школьный проект)

Спасибо всем!

(извините за мой плохой английский)

ответ

0

Вы должны посетить документацию для UI-самозагрузки

Documentation ui-bootstrap

Включаешь UI-загрузчик в модуле и не использовать его для управления ваш модальный

Посмотрите на эту plunker для использования $modal:

Example modal angularjs

Смежные вопросы