[jquery] angular.element와 document.getElementById 또는 스핀 (바쁜) 컨트롤이있는 jQuery 선택기

http://blog.xvitcoder.com/adding-a-weel-progress-indicator-to-your-angularjs-application/에 설명 된대로 스핀 컨트롤의 “Angularized”버전을 사용하고 있습니다.

표시된 솔루션에 대해 싫어하는 것 중 하나는 스핀 컨트롤을 DOM 요소에 효과적으로 연결하는 서비스에서 jQuery를 사용하는 것입니다. 각도 구성을 사용하여 요소에 액세스하는 것을 선호합니다. 또한 스피너가 서비스 내에서 연결 해야하는 요소의 ID를 “하드 코딩”하는 것을 피하고 대신 서비스의 단일 사용자를 설정하는 지시문을 사용하여 다른 서비스 사용자 또는 서비스 자체는 알 필요가 없습니다.

angular.element가 제공하는 것과 vs. 동일한 요소 ID의 document.getElementById가 제공하는 것과 어려움을 겪고 있습니다. 예. 이것은 작동합니다 :

  var target = document.getElementById('appBusyIndicator');

이 중 어느 것도 수행하지 않습니다.

  var target = angular.element('#appBusyIndicator');
  var target = angular.element('appBusyIndicator');

나는 분명히 명백하게 잘못해야 할 일을 분명히하고 있습니다! 아무도 도와 줄 수 있습니까?

위의 작업을 수행 할 수 있다고 가정하면 요소에 대한 jQuery 액세스를 대체하는 것과 비슷한 문제가 있습니다. 예 : $(target).fadeIn('fast'); 작동 angular.element('#appBusyIndicator').fadeIn('fast')하거나 작동
angular.element('appBusyIndicator').fadeIn('fast')하지 않습니다

누군가가 Angular “element”대 DOM 요소의 사용을 분명히하는 훌륭한 문서 예를 알려 줄 수 있습니까? Angular는 분명히 자체 속성, 메소드 등으로 요소를 “포장”하지만 원래 값을 얻는 것은 종종 어렵습니다. 예를 들어 <input type='number'>필드가 있고 사용자가 “-“(따옴표없이)를 입력 할 때 UI에 표시되는 원본 내용에 액세스하려는 경우 “type = number”는 Angular가 거부한다는 의미이므로 아무 것도 얻지 못합니다. 입력이 UI에 표시되어 있지만 입력하고 테스트하고 지울 수 있도록보고 싶습니다.

모든 답변 / 감사합니다.

감사.

답변

var myElement = angular.element( document.querySelector( '#some-id' ) );

  var target = angular.element('#appBusyIndicator');
  var target = angular.element('appBusyIndicator');

var target = document.getElementById('appBusyIndicator');

var target = $document[0].getElementById('appBusyIndicator');

<div ng-show="isLoading" class="loader"></div>

$document[0].getElementById('id')

var target = $document('#appBusyIndicator');
var target = $document('appBusyIndicator');

var targets = angular.element(document).find('div'); //array of all div
var targets = angular.element(document).find('p');
var target = angular.element(document).find('#appBusyIndicator');

var myElement = angular.element($document[0].querySelector('#MyID'))