ngIf 및 ngSwitch 각도JS
와의 실제적인 차이점은 무엇입니까?ngSwitch두 명령 모두 DOM을 조작하지만ngSwitch좀 더 장황하게.그냥 사용하는 것이 일반적인 경우입니까?ngIf만약 당신이 정말로 큰 무언가를 필요로 하지 않는다면ngSwitch?
어떤 상황이 있습니까?ngSwitch그리고.ngIf직접 교환이 아닐까요?아니면 구문에 대한 실질적인 차이뿐입니까?
ngIf기본적으로 의 버전입니다.ngSwitch단 한 가지 조건으로와는 다르다ngShow단순히 숨기는 것이 아니라 실제 DOM 요소를 제거하는 것입니다.를 사용하고 있는 경우는,ngSwitch한 사람이라도 진통 상태를 확인하면ngIf같은 일을 할 겁니다
마이클 틸리가 정확히 맞췄다고 생각해요 특히나 다른 사람들과ngShow/ngHide또 하나 다른 점이 있습니다.ng-If요소를 분리하여 다시 설치합니다.그렇지만ng-Switch에는 메인 디렉티브와 그 조건을 선언하는 외부 요소가 포함되어 있습니다.ng-switch="expression"외부 요소 내의 조건부 함량은 다음과 같습니다.append()-ed는 외부 요소의 마지막 자식으로, 따라서 외부 요소 내의 모든 무조건적인 내용에 상대적인 위치를 변경합니다.
또한 이 CodePen을 참조하여 실행의 차이를 보여 주는 이 세 가지 모두에 대한 대화형 데모를 확인하십시오.
편집: 이 동작은 Angular 1.2에서 변경되었습니다.이제 요소는 제자리에 남아 있습니다.위의 코드펜은 이것을 언급하고 설명하고 있으며, 슬프게도 전멸된 1.08 플렁크에 대한 링크를 제공하고 있습니다.
또 다른 차이점은 ngIf와 ngSwitch는 새로운 스코프를 작성하지만 ngShow/ngHide는 작성하지 않는다는 것입니다.
ngIf/ngSwitch는 코딩할 때 if/switch와 동일하게 생각할 수 있습니다.물론 거의 동일한 작업을 수행하지만 ngIf가 더 나은 경우도 있고 nfSwitch가 더 나은 경우도 있습니다.
언급URL : https://stackoverflow.com/questions/16741949/ngif-and-ngswitch-angularjs
'sourcetip' 카테고리의 다른 글
| 클라이언트에 Firebase에서 원하는 데이터에 액세스할 수 있는 권한이 없습니다. (0) | 2023.02.17 |
|---|---|
| 테스트 시 리액트 상태 갱신의 원인이 되는 코드를 행동으로 정리해야 합니다. (0) | 2023.02.13 |
| TypeScript에서 컴포넌트 유형 반응 (0) | 2023.02.13 |
| ngClass 스타일(대시 입력 키 포함) (0) | 2023.02.13 |
| 운영 데이터베이스에 대한 스키마 업그레이드를 어떻게 관리합니까? (0) | 2023.02.13 |