PIPE 被多次调用,我怎样才能让它只被调用一次?
PIPE is getting called multiple times, how can I make it called only once?
HTML : (component.html)
<input #CostInput class="form-element" formControlName="cost" [value]="replaceDecimal.transform(FormGroup.get('cost').value)">
Pipe.ts:
commaLocaleCodes = ['AM', 'AR'];
transform(input) {
if (input) {
const uiLanguage = 'am');
if (this.commaLocaleCodes.indexOf(uiLanguage.toUpperCase()) > -1) {
return input.replace(".", ",");
} else {
return input.replace(",", ".");
}
}
}
这里的问题是 Pipe 被多次调用。如果我们发送 input = 123.45 。管道应该 return 123,45 并停止。但是过滤器再次被调用。再次输入变为 123.45.
管子已经很干净了。我想了解我们是否可以在第一次迭代后停止管道。谢谢
使用默认的更改检测策略,绑定到 属性(或指令)的函数将在每个更改检测周期被触发。这就是为什么不鼓励将函数绑定到属性和指令的原因。
改为调用控制器中的函数,将响应保存到变量并在模板中使用绑定。
控制器 (*.ts)
export class SomeComponent implements OnInit {
transformedValue: any;
ngOnInit() {
this.transformedValue = this.replaceDecimal.transform(FormGroup.get('cost').value);
}
}
模板(*.html)
<input #CostInput class="form-element" formControlName="cost" [value]="transformedValue">
HTML : (component.html)
<input #CostInput class="form-element" formControlName="cost" [value]="replaceDecimal.transform(FormGroup.get('cost').value)">
Pipe.ts:
commaLocaleCodes = ['AM', 'AR'];
transform(input) {
if (input) {
const uiLanguage = 'am');
if (this.commaLocaleCodes.indexOf(uiLanguage.toUpperCase()) > -1) {
return input.replace(".", ",");
} else {
return input.replace(",", ".");
}
}
}
这里的问题是 Pipe 被多次调用。如果我们发送 input = 123.45 。管道应该 return 123,45 并停止。但是过滤器再次被调用。再次输入变为 123.45.
管子已经很干净了。我想了解我们是否可以在第一次迭代后停止管道。谢谢
使用默认的更改检测策略,绑定到 属性(或指令)的函数将在每个更改检测周期被触发。这就是为什么不鼓励将函数绑定到属性和指令的原因。
改为调用控制器中的函数,将响应保存到变量并在模板中使用绑定。
控制器 (*.ts)
export class SomeComponent implements OnInit {
transformedValue: any;
ngOnInit() {
this.transformedValue = this.replaceDecimal.transform(FormGroup.get('cost').value);
}
}
模板(*.html)
<input #CostInput class="form-element" formControlName="cost" [value]="transformedValue">