Web开发学习笔记:ngIf中使用方法判断字符串中是否包含子字符串

原创于 2019-12-19 14:52:57 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ngIf #RegExp #字符串判断

Web开发学习笔记专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何在Angular项目中使用自定义指令*ngFor结合全局变量进行数据筛选显示。通过globalVariable类中的isContain方法，判断字符串是否包含特定子字符串，实现动态选项展示。

<p *ngFor="let item of UseTypes">
	<ion-select-option *ngIf="globalVariable.isContain('moneydetails',item.useModule)" value="{{item.value}}">
	  {{item.description}}
	</ion-select-option>
</p>

2.在 globalVariable类(自定义公共类)中添加方法,以下方法可以添加到前台对应的ts文件中

    /**
     * 判断当前字符串str是否包含子字符串TargetString
     * @param TargetString 要检索的字符串
     * @param str 被检索的字符串
     */
    isContain(TargetString, str) {
        return new RegExp(TargetString).test(str);
    }