Question

有没有办法在模板中使用方法匹配。我的意思是：这是我需要使用匹配函数的模板的一部分：

 <span class="local-text">Text Length: {{textArea.value.length}} (without spaces: {{textArea.value.match(/\S/g).length}})</span>
        </p>
        <textarea ref-textarea #textArea [(ngModel)]="str" rows="10"></textarea>

我需要显示没有空格的文本长度。有没有办法在模板中做到这一点？

Answer 1

使用管道，您可以执行以下操作以获得结果

import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
    name: 'removedspaceslength',
    pure: false
})
export class RemoveSpacesPipe implements PipeTransform {
    transform(text: string): number {
        if (!text)
            return 0;
        return text.replace(/ /g, "").length;
    }
}

并像

一样使用它

<span class="local-text">Text Length: {{text.length}} (without spaces: {{text | removedspaceslength}})</span>
<textarea ref-textarea [(ngModel)]="text" rows="10"></textarea>

有没有办法在模板中使用匹配方法

1 个答案: