Есть ли способ использовать метод сопоставления в шаблоне

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>