2017-12-08 17 views
0

내 응용 프로그램에서 나는 두 번 파이프를 사용하고 있습니다. 내 파이프앵귤러 파이프에는 제한이 있습니까?

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'highlightSearch', 
    pure: false 
}) 
export class HighlightSearchPipe implements PipeTransform { 

    transform(value: any, args: any): any { 
    // console.log('args', args); 
    if (value && args && args.trim()) { 
     console.log('args', args); 
     return value.replace(new RegExp('(' + args + ')', 'gi'), '<b>$1</b>'); 
    } 
    return value; 
    } 

} 

처럼 보이는 그리고 난 내 응용 프로그램을 실행할 때, 내 콘솔에서 여러 로그 문을 볼 수있는 방법 my html code

는 그리고이입니다. console log 내가 올바른 방법으로 파이프를 사용하지 않는 것처럼 보입니다. 누군가가 이것을 비춰 줄 수 있었습니까?

+1

순수 파이프와 불순물 파이프의 차이점에 대해 읽어보십시오. https://angular.io/guide/pipes#pure-and-impure-pipes – yurzui

답변

1

불순한 파이프 페이지에을 따라 성능에 좋지 수 각 변경 감지, 에서 실행됩니다. 할 수 있으면 항상 순수한 파이프를 목표로 삼으십시오.

순수 파이프는 입력 값이 변경 될 때만 실행됩니다.