Ionic-framework: 팝업에 포커스 입력

팝업은 이미 입력에 먼저 초점을 맞춥니다. 그러나 여기에는 버그가 있습니다. 팝업은 항상 LAST 입력 요소에 초점을 맞춥니다. 정말 먼저 집중해야 합니다.

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

몇 분 후에 PR이 올 것입니다.

나는 이것이 웹에서는 훌륭하게 작동하지만 iOS에서는 그렇지 않다는 것을 알았습니다. 코드는 실행되지만 입력이 초점을 맞추지 않거나 키보드가 열리지 않습니다.

@michaelnatkin : config.xml에서 다음 설정이 있는지 확인하십시오.

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

iOS는 이것이 false로 설정되지 않는 한 필드가 포커스를 얻고 키보드를 열도록 허용하지 않습니다.

@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>'