Создание Ionic framework и формы angularjs

#angularjs #ionic-framework

#angularjs #ионный фреймворк

Вопрос:

Я создал форму регистрации с помощью ionic framework и Angular-JS. После заполнения сведений о форме из одного поля ввода в другое, когда я нажимаю кнопку ввода, мне нужен курсор для перехода к следующему полю. Я пробовал, но не понял. Помогите мне с этим выводом?

Комментарии:

1. может ли кто-нибудь рассказать мне о значении приведенной ниже строки cordova.plugins. Клавиатура.hideKeyboardAccessoryBar(true);

Ответ №1:

вам нужно создать пользовательскую директиву, этот код может вам помочь

 .directive('focus', function() {
  return {
    restrict: 'A',
    link: function($scope,elem,attrs) {

      elem.bind('keydown', function(e) {
        var code = e.keyCode || e.which;
        if (code === 13) {
          e.preventDefault();
          elem.next().focus();
        }
      });
    }
  }
});
  

Комментарии:

1. нужно ли мне вносить какие-либо изменения в index.html файл, если эта директива будет добавлена

2. что такое «фокус» в директиве?

3. не могли бы вы помочь мне еще раз?

4. вам нужно использовать «фокус» в качестве атрибута в HTML-странице, и вам нужно импортировать файл JS в директивы для <script> tag

5. просто укажите эту ссылку tutorials.jenkov.com/angularjs/custom-directives.html

Ответ №2:

Не могли бы вы указать свой HTML-код для формы.

а для входных данных вы можете добавить «требуется».

например :

 <ion-content>
<form class="list" name="login" ng-submit="login.$valid amp;amp; login(user)">

        <label class="item item-input item-floating-label">
        <span class="input-label">USERNAME</span>
        <input type="text" name="userName" ng-model="user.userName" placeholder="name" required>
      </label>
          <label class="item item-input item-floating-label">
        <span class="input-label">PASSWORD:</span>
        <input type="text" name="userPass" ng-model="user.userPass"  placeholder="password" required>
      </label>  

          <button class="button  button-assertive" type="submit">LOGIN</button> 

    </form>
</ion-content>
  

Комментарии:

1. это на ионном, но не на html

2. в <ion-content> у нас есть приведенный выше код </ion-content>

3. приведенное выше похоже на мой ионный код, но не дает требуемого результата

4. Не могли бы вы отредактировать свой вопрос выше и добавить свой HTML-код, пожалуйста?

5. <класс формы =»список»> <ионный список> <класс метки=»элемент элемента ввода»> <тип ввода = «текст» ng-model=»data.FirstName» заполнитель=»Имя» maxlength=»15″> </label>»элемент item-ввод»> <тип ввода =»текст» ng-model=»data.LastName» заполнитель =»Фамилия» maxlength=»15″> </ label> <тип кнопки=»отправить»> отправить </button>