* ngFor 안에있는 * ngIf에서 메서드가 여러 개 호출됩니까? 아래 코드 샘플이 있습니다.
HTML Code
<div *ngFor="let item of groups">
<div class="headerBar" *ngIf="showHeader(item)">
<h3>Hello to the Board</h3>
</div>
</div>
//Typescript Code
showHeader(item){
let show = true;
if(item.group === 'invalid' || item.group === 'unkown' || item.group === 'invisible'){
show = false;
}
return show;
}
showHeader 메서드가 * ngFor 내부에있는 것처럼 HTML에서 여러 번 호출됩니까? 그렇지 않다면 어떻게 메서드를 여러 번 호출하여 * ngIf 조건에 값을 제공 할 수 있습니까?
파이프를 사용하여 여러 구성 요소 / 장소에서이 조건을 확인하려면이 방법을 사용하십시오.
@Pipe({
name: 'checkGroup',
})
export class CheckGroupPipe implements PipeTransform {
transform(inputText: any): any {
if(item.group === 'invalid' || item.group === 'unkown' || item.group === 'invisible'){
return false;
}
return true;
}
}
<div *ngFor="let item of groups">
<div class="headerBar" *ngIf="item | checkGroup">
<h3>Hello to the Board</h3>
</div>
</div>
Angular 문서 를 확인 하여 Pure / Impure 파이프에 대해 자세히 알아볼 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다