programing

AngularJS에서 요소에 기본 초점을 맞추는 가장 쉬운 방법은 무엇입니까?

instargram 2023. 10. 24. 20:08
반응형

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

반응형