javascript - 不同的 ng 模式行为

Question

设想

我ng-pattern在一个项目中使用，我需要通过字符串连接动态生成正则表达式，这意味着最终结果是var regexp = "regexp"而不是var regexp = /regexp/.

问题

我知道这段代码有效：

//JavaScript
$scope.regex = /[^0-9\|]+/;

//HTML
<input type="text" name="first" ng-model="a" ng-pattern="regex">

但我需要能够使用这样的字符串：

//JavaScript
$scope.regex = "[^0-9\|]+";

//HTML
<input type="text" name="first" ng-model="a" ng-pattern="{{regex}}">

问题

如何将动态生成的字符串正则表达式与一起使用ng-pattern？

普朗克

我准备了一个plunker，演示了三种不同的用法，ng-pattern其中只有文字正则表达式有效。如果有任何帮助，我将不胜感激。谢谢！

score 1 · Accepted Answer

当你做 var c = /string/; 您正在创建一个正则表达式文字。这不是在 JS 中创建正则表达式的唯一方法。就像您可以通过对象文字以外的其他方式创建对象一样。RegExp 接受一个字符串并使用该字符串作为模式返回一个正则表达式文字。

$scope.regex = new RegExp(string)

因此，如果我想使用连接字符串动态创建正则表达式。它看起来像这样。

var something = "a";
something += "|b"
$scope.regex = new RegExp(something);
// $scope.regex == /a|b/

1 回答 1