Angularjs ng-pattern对我不起作用

Question

我一直试图在StackOverflow上找到我的问题的答案，但似乎没有什么能解决它。

这就是我所拥有的：

<label>Portal Code</label>
<input type="text" name="portalcode" class="form-control" ng-model="dropoff.tfWeb" id="tfWeb" maxlength="8" ng-pattern="/^[a-zA-Z0-9]+$/" ng-disabled="report != null">
<pre>Errors: {{portalcode.value.$error}}</pre>

我正在尝试添加ng-pattern指令，以确保只能输入字母数字输入。我尝试过不使用双引号，我尝试使用\w缩写词来表示字母数字。我尝试使用*代替+。我现在不知所措。不过，无论我改变了什么，我的{{portalcode.value.$error}}都不会打印错误。任何帮助将不胜感激。

Answer 1

如果您将其包装在表单中并使用表单访问portalcode，则它可以正常工作： http://jsfiddle.net/xtfcg447/1/

Answer 2

尝试：
ng-pattern="/^[a-zA-Z0-9]*$/"

以下是plunker的例子：
http://embed.plnkr.co/UeCrkhQ6tBEj60MbsKXx/preview