반응형
AngularJS에서 요소에 기본 초점을 맞추는 가장 쉬운 방법은 무엇입니까?
모달 대화 상자에 로드되는 템플릿이 있는데, 거기에 초점을 맞추고 싶은 입력 텍스트가 하나 있습니다.가장 쉽고 각 잡힌 방법은 무엇입니까?
업데이트:
이는 입력 필드에 초점을 설정하는 방법에 부분적으로 답변되어 있습니다.
지원해야 하는 브라우저에 따라 입력 자동 초점 속성을 사용할 수 있습니다.
여기 플렁커를 보세요.
또는 옵션이 아니고 Mark가 언급한 경우 다음 스택 오버플로우 응답을 참조할 수 있습니다.
이건 어때?
HTML
<div ng-controller="ctrl as vm" ng-init="vm.focus();">
<form name="Form">
<input type="text" id="input1">
<input type="text" id="input2">
</form>
JS
angular.module('app', []).controller('ctrl', function() {
var vm = this;
vm.focus = function() {
document.getElementById('input2').focus();
};
});
https://plnkr.co/edit/noLUjVjycpnezpvEIgw7?p=preview
가장 간단한 해결책은 $타임아웃 랩 안에서 포커스를 호출하는 것입니다.
컨트롤러:
$timeout(function () { $('#input1').focus(); });
언급URL : https://stackoverflow.com/questions/18920693/what-is-the-easiest-way-to-put-a-default-focus-on-an-element-in-angularjs
반응형
'programing' 카테고리의 다른 글
우커머스 체크아웃에서 '라벨 띄우기'를 할 수 있는 방법이 있습니까?(Shopify처럼) (0) | 2023.10.24 |
---|---|
활성화 버튼 대신 HTML 양식의 Enter 키를 제출하도록 만들기 (0) | 2023.10.24 |
jQuery의 ajax 기본 타임아웃 값은 얼마입니까? (0) | 2023.10.24 |
워드프레스 REST API 검색 상품 (0) | 2023.10.24 |
장고에 MariaDB 컬럼 스토어 연결 (0) | 2023.10.24 |