如何在Angular ng-select中实现正则表达式?

时间:2018-11-29 07:43:05

标签: regex angular

我已经实现了角度多选下拉菜单。现在,我希望它使用RegEx进行搜索。就像我有qwertyuiop一样,并且如果我写了w * i,它应该向我建议所有在同一字符串中包含“ W”和“ I”的条目。

1 个答案:

答案 0 :(得分:0)

您是否想了解整个事情,例如如何绑定输入字段的输入,读取输入,从中创建RegEx,然后将RegEx用作对要显示在列表中的列表的过滤器落下 ? 还是只有RegEx零件?

对于带有RegEx的零件:

您应该看一下RegEx的Javascript定义(例如Mozilla Developer Network)。它具有很好的功能。

let input:string = // the value the user typed, like w*i
const regEx = new RegExp(input)

let myDropdownList:string[] = // the list of strings i want to filter
let filteredDropdownList = myDropdownList.forEach((value:string)=>{
    return regEx.test(value)
})

这里发生了什么? 您正在使用new RegExp(someString)创建常规Expressen。
您可以使用RegEx标志对其进行优化。
稍后,您使用myRegEx.test(theString)测试字符串。如果regEx在字符串中找到至少一个匹配项,则将返回true。

希望这对您有所帮助。

热烈的问候。