2016-12-01 9 views
2
대는

각도는 .hide 사이의 성능 차이()와 ngIf 지시어를 사용하여이 있다면 난 그냥 궁금 해서요 일부 JQuery와 기능 hereangular.element(). (숨길) ngIf

에 액세스 할 수 있습니다?

의견에서 온 추가 된 설명

내가 ngIf과 ngShow의 차이를 이해하지만, 내가 angular.element을 (호출 대 NG 지시어를 사용하여 사이의 확대됨에 차이에 대해 궁금)와 함께 체인 해요 .hide()

답변

1

.hide() 방법은 .css("display", "none")과 같으며 ng-if은 dom에서 요소를 제거합니다. 이것이 가장 큰 차이점입니다.

jqlite .hide()ng-show/ng-hide 지침

.ng 숨기기 CSS 클래스는 AngularJS와에 미리 정의되어 같은 방식으로 동작하고 (AN! 중요한 플래그를 사용하여) 없음으로 표시 스타일을 설정합니다.

https://docs.angularjs.org/api/ng/directive/ngShow

+0

너무 ngHide가 .hide()를 사용? 나는 DOM의 차이점을 이해한다 - 나는 지시어와 jquery의 후행의 차이에 대해 더 궁금하다. (그래도 여전히 많은 도움이됩니다.) – Kraken

+0

내 대답을 편집했습니다. doc ng-hide 스타일에서 display : none! 요소를 사용하여보고했지만 실제로는 jquery 대신 .css ("display", "none") jqlite 구현을 사용한다고 생각합니다. https://docs.angularjs.org/api/ng/function/angular.element – Karim

3

hide/show는 DOM에서 요소를 제거하지 않을 그러나 다만 ng-ifdom에서 완전히 요소를 removedisplay:none 속성을 추가합니다.

UI에 많은 요소가있는 경우 ng-if를 사용하여 많은 리소스를 절약 할 수있는 관련 인스턴스를 인스턴스화 할 수 있습니다. 보기가 모든 것을 만들 필요가 없으므로 display:none 속성을 view에 표시하면 안되는 속성에 적용하면됩니다.

당신은 performance을 향상시킬 수 removing 대신 hiding,보기에서 자주 removeshow에 요소를하려는 경우.