当前位置: 首页 > 知识库问答 >
问题:

从角常数使用regex的ng-pattern

嵇出野
2023-03-14

--长版本--

我正在做一个巨大的角度1项目,我们有多种形式。这些表单中的很多都有相同的字段,比如Zip和电话号码。我想寻找一种一致的方式来使用ng-pattern,但为了一致性,将regex放在一个位置。我想用角常数,但我不能用ng-pattern来取值,我也想不出为什么。

--我所做的--

问题归结到这行代码。

ng-pattern="patterns.zip"

如果我将regex直接嵌入ng-pattern,那么它将像你在小提琴中看到的那样工作

ng-pattern="/^\d{5}(?:-\d{4})?$/"

共有1个答案

朱硕
2023-03-14

您可以通过两种方式来完成:

1:当必须双斜杠时,作为字符串文本:

.constant("formPattern", {
    zip: new RegExp("^\\d{5}(?:-\\d{4})?$")
})

2:作为正则表达式:

.constant("formPattern", {
    zip: /^\d{5}(?:-\d{4})?$/
})
 类似资料:
  • 问题内容: 我正在创建一个测验,每当我开始测验时,我都希望将问题打乱,以免每次出现时都不会以相同的顺序出现。 我在我的html代码中有这个: 这在我的控制器中 不幸的是,这根本没有用。希望有人可以帮助我吗? 问题答案: 谢谢 http://bost.ocks.org/mike/shuffle/ 使用此改组功能: 它的特殊之处在于,输入数组保持可绑定性,因为改组不会创建新的数组,而是 对同一引用 执

  • 我有一个卡片列表组件,它应该显示卡片组件或卡片编辑组件的元素,具体取决于 上的卡片组件是真还是假。 卡片列表组件的模板如下所示: 我想将 ngIf 条件绑定到 wasEditClicked 布尔值。 我的卡组件(与上面显示的卡列表组件不同)如下所示:

  • 问题内容: 想象一下可能会在网页上呈现的大量内容,例如图表。Angular提供2个选项来切换内容的可见性。 ng-show 将呈现内容,而不管其表达方式是什么,然后在事实之后简单地“隐藏”它。这是不理想的,因为用户在会话期间可能永远不会“打开”内容,因此渲染内容很浪费。 ng-if 在这方面更好。如果表达式为假,则用它代替ng- show可以防止首先显示大量内容。但是,它的优点也是缺点,因为如果用

  • 假设您有一个表单,其中包含从数据库加载的值。如何初始化ng模型? 例子: 在我的控制器中,$scope。卡最初未定义。除了做这样的事还有别的办法吗?

  • 问题内容: 我想在ng-repeat中使用正则表达式。我尝试了以下代码,但无法正常工作。 我有用户数组,我只想显示类型为c5的用户。 如果我用 然后它也以“ ac5x”类型显示用户,因为它包含c5。 我怎么解决这个问题?也许还有另一种解决方案。 谢谢! 问题答案: Tosh提到的内容应该对您有用! 如果您发现自己想更频繁地使用正则表达式进行过滤,则可以创建一个自定义过滤器。像这样的小提琴使您可以指

  • 问题内容: 我有一个使用ng- repeat创建的表。我想向表中的每个元素添加验证。问题在于每个输入单元格与其上方和下方的单元格名称相同。我试图使用该值来命名输入,但是尽管HTML中的字符串文字看起来正确,但现在可以正常工作。 到目前为止,这是我的代码: 我试过从索引中删除from,但是那也不行。到目前为止,输入的验证属性可以正常工作,但是不会显示错误消息。 有人有什么建议吗? 编辑: 除了以下出