首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有没有在模板中使用match方法的方法

有没有在模板中使用match方法的方法
EN

Stack Overflow用户
提问于 2017-01-22 01:41:15
回答 1查看 46关注 0票数 0

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

代码语言:javascript
运行
复制
 <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>

我需要显示不带空格的文本长度。有没有办法在模板中这样做呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-22 01:56:29

使用管道,您可以像下面这样做来实现结果

代码语言:javascript
运行
复制
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;
    }
}

并像这样使用它

代码语言:javascript
运行
复制
<span class="local-text">Text Length: {{text.length}} (without spaces: {{text | removedspaceslength}})</span>
<textarea ref-textarea [(ngModel)]="text" rows="10"></textarea>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41782472

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档