Ionic-framework: التركيز على المدخلات المنبثقة

تركز النوافذ المنبثقة بالفعل على مدخلاتهم أولاً. ومع ذلك ، هناك خطأ في هذا. تركز النافذة المنبثقة دائمًا على عنصر الإدخال الأخير. يجب أن تركز حقا على الأول.

المنتدى: http://forum.ionicframework.com/t/popup-with-multiple-text-input-fields-always-focuses-on-2nd-input/4956/2
نموذج: http://codepen.io/calendee/pen/duvsl؟

العلاقات العامة قادمة في غضون بضع دقائق.

أجد أن هذا يعمل بشكل رائع على الويب ، ولكن ليس على نظام iOS ... يتم تشغيل الكود ، لكن الإدخال لا يركز ولا تفتح لوحة المفاتيح.

michaelnatkin : في ملف config.xml ، تأكد من أن لديك هذا الإعداد:

<preference name="KeyboardDisplayRequiresUserAction" value="false" />

لن يسمح iOS لأي حقل بالتركيز عليه وفتح لوحة المفاتيح ما لم يتم تعيين هذا على "خطأ".

calendee OMG شكرا لك !! تم حل المشكلة. فريق Ionic سيكون من الجيد إضافة هذه الملاحظة إلى مستند ionicPopup.

calendee إنه يعمل على iOS ولكن هذا لا يعمل على أجهزة Android. أم أن هناك شيئًا نسيتُ؟

felquis ، لدي نفس المشكلة. بعد النظر في هذه المشكلة و # 1176 ، عثرت في النهاية على https://github.com/driftyco/ionic/commit/49a295638d6c60b7e17936cfb345665f6b1954d1 ، وتمكنت من إصلاح تطبيقي باستخدام نموذج بإدخال التركيز التلقائي:

diff --git a/www/js/app.js b/www/js/app.js
index 8e7afcd..1131dfb 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -57,6 +57,7 @@ angular.module('todo', ['ionic'])
   $scope.newProject = function() {
     $ionicPopup.prompt({
       title: 'Project name',
+      template: '<input autofocus>'
     })
     .then(createProject)
   };

اضطررت إلى إضافة سلسلة القالب هذه إلى موجهتي من أجل التركيز التلقائي

template: '<input ng-model="data.response" type="text" placeholder="{{ placeHolder }}" autofocus>'