#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>