md-autocomplete ng-pattern =" ..."不起作用

时间:2017-05-10 17:34:32

标签: javascript angularjs angular-material md-autocomplete

我遇到<md-autocomplete>

中显示的this demo组件问题

<md-autocomplete ng-pattern="...">不起作用。我希望如果将某些文字输入Tax字段(例如zzz),则该字段将被标记为红色,因为正则表达式ng-pattern="/^[1-9]\d?$/"只接受数字[1..99]。实际上required工作正常:当字段为空时,它被触发为无效。

3 个答案:

答案 0 :(得分:12)

这似乎是Angular Material的一个错误。它显然已在1.1.4中修复:
ng-pattern for md-autocomplete #9755

这是一个working demo。我所做的就是更新两个角度材料库。

https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.4/angular-material.min.js
https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.4/angular-material.min.css

答案 1 :(得分:3)

ng-pattern的问题在版本1.1.14中得到修复。我更新了Demo并添加了最新的angularjs-material.js

我没有改变ng-pattern,它保持不变。

ng-pattern="/^[1-9]/"

现在,如果输入的是数字以外,该字段将变为红色。

答案 2 :(得分:2)

只需按ng-pattern="^[1-9]\d?$"

更改模式即可