Ionic-framework: Fokus masukan pada popup

Dibuat pada 18 Mar 2014  ·  7Komentar  ·  Sumber: ionic-team/ionic-framework

Beberapa popup harus memfokuskan input mereka terlebih dahulu. Harus menguji ini untuk memastikan itu berfungsi dengan baik di iOS.

Komentar yang paling membantu

Saya harus menambahkan string templat ini ke Prompt saya agar memiliki fokus otomatis

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

Semua 7 komentar

Popup sudah memfokuskan inputnya terlebih dahulu. Namun, ada bug dengan ini. Popup selalu memfokuskan elemen input TERAKHIR. Harus benar-benar fokus dulu.

Forum: http://forum.ionicframework.com/t/popup-with-multiple-text-input-fields-always-focuses-on-2nd-input/4956/2
Contoh: http://codepen.io/calendee/pen/duvsl?editors=101

PR datang dalam beberapa menit.

Saya menemukan bahwa ini berfungsi dengan baik di web, tetapi tidak di iOS ... kodenya berjalan, tetapi inputnya tidak fokus dan keyboard tidak terbuka.

@michaelnatkin : Di config.xml Anda, pastikan Anda memiliki pengaturan ini:

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

iOS tidak akan mengizinkan bidang untuk mendapatkan fokus dan keyboard terbuka kecuali jika ini disetel ke false.

@calendee OMG terima kasih!! Masalah terpecahkan. Tim ionik akan lebih baik untuk menambahkan catatan itu ke dokumen ionicPopup.

@calendee Ini berfungsi di iOS tetapi ini tidak berfungsi di perangkat Android. Atau ada yang saya lupa?

@felquis , saya memiliki masalah yang sama. Setelah melihat masalah ini dan #1176, saya akhirnya menemukan https://github.com/driftyco/ionic/commit/49a295638d6c60b7e17936cfb345665f6b1954d1 , dan saya dapat memperbaiki aplikasi saya dengan menggunakan template dengan input fokus otomatis:

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)
   };

Saya harus menambahkan string templat ini ke Prompt saya agar memiliki fokus otomatis

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

Apakah halaman ini membantu?
0 / 5 - 0 peringkat