Ошибка проверки формы при использовании тега ion-scroll

0

Я создаю приложение Ionic, и у меня возникают некоторые проблемы с проверкой формы, когда я использую тег <ion-scroll>. Это моя форма:

<form ng-show="!success" name="form" role="form" novalidate ng-submit="register()" show-validation>
    <div class="list list-inset">
        <label class="item item-input">
            <input type="text" class="form-control" name="firstName" placeholder="Nome"
                   ng-model="registerAccount.firstName" ng-minlength=1 ng-maxlength=50 required maxlength="50">
        </label>
        <div ng-show="form.firstName.$dirty && form.firstName.$invalid" class="padding-top padding-left assertive">
            <p class="help-block"
               ng-show="form.firstName.$error.required">
                some message
            </p>
        </div>
        .
        .
        .
        <label class="item item-input">
            <input type="password" class="form-control" name="password" placeholder="Senha"
                   ng-model="registerAccount.password" ng-minlength=5 ng-maxlength=50 required>
        </label>
        <div ng-show="form.password.$dirty && form.password.$invalid" class="padding-top padding-left assertive">
            <p class="help-block"
               ng-show="form.password.$error.required">
                some message
            </p>
        </div>
        <label class="item item-input">
            <input type="password" class="form-control" name="confirmPassword" placeholder="Repita a senha"
                   ng-model="confirmPassword" ng-minlength=5 ng-maxlength=50 required>
        </label>
        <div ng-show="form.confirmPassword.$dirty && form.confirmPassword.$invalid" class="padding-top padding-left assertive">
            <p class="help-block"
               ng-show="form.confirmPassword.$error.required">
                some message
            </p>

            <p class="help-block"
               ng-show="form.confirmPassword.$error.minlength">
                Sua confirmação de senha precisa ter no mínimo 5 caracteres.
            </p>

            <p class="help-block"
               ng-show="form.confirmPassword.$error.maxlength">
                Sua confirmação de senha deve ser menor que 50 caracteres.
            </p>
        </div>
    </div>

    <div class="form-button">
        <button type="submit" class="button button-block button-balanced">Criar conta</button>
        </small>
    </div>
</form>

Эта форма работает правильно, когда нет ионного тега, однако, когда я добавляю тег с прокруткой ионов, как внутри, так и снаружи формы, проверка не выполняется, говоря, что пароль и подтверждение пароля разные. Должен ли я использовать конкретный тег Ionic с формой? Какой может быть тег, который я должен использовать?

Теги:
ionic-framework
cordova
ionic

1 ответ

0
Лучший ответ

Проблема состоит в том, что в некоторых ионных компонентах используется дочерняя область, такая область видимости "создает область" изолировать ", которая не наследует прототип". Я решил свою проблему, используя рекомендуемую передовую практику использования ". (точка) в моих моделях. Поэтому я изменил:

<input type="password" ng-model="confirmPassword" required>

в

<input type="password" ng-model="something.confirmPassword" required>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню