각도2의 [ngFor]와 [ngForOf]의 차이점은 무엇인가?

Programing

c10106 2022. 4. 1. 19:05

내가 이해한 바에 의하면, 두 사람 모두 같은 기능을 하고 있다.그렇지만

내 이해가 맞니?또는 에 대한 더 많은 차이점을 공유해 주시겠습니까?ngFor그리고ngForOf?

ngFor그리고ngForOf두 가지 구별되는 것이 아니다 - 실제로 그들은 NgForOf 명령의 선택자들이다.

소스를 검사하면 NgForOf 명령이 선택 도구로 사용됨을 알 수 있다.[ngFor][ngForOf]즉, 두 속성이 모두 요소에 있어야 한다는 것을 의미하며, 두 속성은 말하자면 '의지'에 대한 지령이 필요하다.

사용할 때*ngFor, 각 컴파일러 디-설거스는 두 가지 속성을 모두 요소에 가지고 있는 그것의 대포 형태로 구문한다.

그렇게

  <div *ngFor="let item of items"></div>

다음 항목에 대한 거부:

 <template [ngFor]="let item of items">
     <div></div>
 </template>

이 첫 번째 탈취는 '*' 때문이다.다음 디서깅은 "항목의 항목"이라는 미시적 구문 때문이다.각도 컴파일러는 다음을 위해 다음과 같은 기능을 한다.

 <template ngFor let-item="$implicit" [ngForOf]="items">
   <div>...</div>
 </template>

(지침에서 현재 항목을 반복적으로 참조하는 데 사용하는 내부 변수로 $115를 생각할 수 있는 경우).

그것의 표준적인 형태에서, ngFor 속성은 단지 표시자일 뿐인 반면, ngForOf 속성은 실제로 반복하기를 원하는 것들의 목록을 가리키는 지시어에 대한 입력이다.

자세한 내용은 각도 마이크로싱택스 가이드를 참조하십시오.

ngFor각도의 구조적 지시로서ng-repeat각도 속성JS

사용할 수 있다ngFor속기로서

<li *ngFor="let item of items">{{item.name}}</li>

또는 장기판으로.

<template ngFor let-item="$implicit" [ngForOf]="items">
  {{item.name}}
</template>

내 생각에는 각진 서류에서 얻은 것은,

왜냐하면 두 수업의 세부사항은 거의 다르지 않기 때문이다.

ngForOf내 질문에서 이미 언급한 제네릭처럼 보인다.

NgFor 어레이를 반복할 수 있지만, ngContent, ngContent에서는 ngFor를 직접 반복할 수 없으므로 반복을 위해 [ngForOf]를 사용할 수 있다. 여기서 등급은 변수다.

ex.

 <ng-template ngFor let-i [ngForOf]="ratings">
                  <option *ngIf="i<=22" [ngValue]="i">{{i}}:00 Hrs.</option>
   </ng-template>

이 예에서는 ngFor와 ngIf를 동시에 적용하고 싶어서 사용하였다.

또 다른 보기는 ngFor를 정상적으로 적용하면 렌더링 시 ngFor를 로 변환하는 것이다.

<template ngFor let-i [ngForOf]="ratings">
   <HTML Element>...</HTML Element>
 </template>

명시적 버전

암묵적 버전

반응 저감을 통한 지리 위치 (0)	2022.04.01
Python 3 ImportError: 'ConfigParser'라는 이름의 모듈 없음 (0)	2022.04.01
python으로 백분율 값을 인쇄하는 방법? (0)	2022.04.01
Typecript eslint - 파일 확장명 "ts" 가져오기/확장 누락 (0)	2022.04.01
Vuex 모듈 장식가:여기에서 vuex 모듈에 액세스하십시오.$store가 모듈을 등록하지 않음 (0)	2022.04.01

c10106