angular 管道有任何限制吗?
Are there any limitations for angular pipes?
在我的应用程序中,我使用了几次管道。
my html code
这就是我的烟斗的样子
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></b>');
}
return value;
}
}
当我 运行 我的应用程序时,我可以在我的控制台中看到几个日志语句。
console log
这似乎我没有以正确的方式使用管道。有人可以解释一下吗?
每次更改检测都会执行不纯的管道,可能 对性能不利,取决于 在您的页面上。如果可以,请始终以纯管道为目标。
纯管道仅在其输入值更改时执行。
在我的应用程序中,我使用了几次管道。 my html code
这就是我的烟斗的样子
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></b>');
}
return value;
}
}
当我 运行 我的应用程序时,我可以在我的控制台中看到几个日志语句。 console log 这似乎我没有以正确的方式使用管道。有人可以解释一下吗?
每次更改检测都会执行不纯的管道,可能 对性能不利,取决于 在您的页面上。如果可以,请始终以纯管道为目标。
纯管道仅在其输入值更改时执行。