Angularjs 数字类型输入上的最大值错误消息

Angularjs 数字类型输入上的最大值错误消息,angularjs,twitter-bootstrap,Angularjs,Twitter Bootstrap,我的表格中有一个数字类型的输入框。我已经为此设置了最小值和最大值。但是,当用户输入的值超过指定的最大值时,我希望向用户显示一条错误消息 我已经编写了ng show,但是当用户输入更多的最大值时,仍然不会显示错误消息 下面是我的代码: <div class="col-sm-8"> <input type="number" class="form-control" name="maxvaluetest" id="maxvaluetest" ng-model="maxvaluetes

我的表格中有一个数字类型的输入框。我已经为此设置了最小值和最大值。但是,当用户输入的值超过指定的最大值时,我希望向用户显示一条错误消息

我已经编写了ng show,但是当用户输入更多的最大值时,仍然不会显示错误消息

下面是我的代码:

<div class="col-sm-8">
<input type="number" class="form-control" name="maxvaluetest" id="maxvaluetest" ng-model="maxvaluetest" min="0" max="100" ng-change="record()" 
ng-required="showError">
<span class="help-block" style="color:red" ng-show="myform.maxvaluetest.$dirty && myform.maxvaluetest.$invalid">
    <span ng-show="myform.maxvaluetest.$error">{{myform.maxvaluetest.$error}}</span>
</span>

{{myform.maxvaluetest.$error}

我是不是遗漏了什么


是否有其他方法显示错误消息?我使用Angularjs

你需要使用最小和最大的angulars版本

ng-min="0" ng-max="100"
此外,我认为发生的错误将不再是必需的,它可能是必需的

myform.maxvaluetest.$error.max
如果你把它放在你的HTML中,它会打印出用于错误消息的版本

{{myform.maxvaluetest.$error}}

谢谢你的回复。但是,当用户输入的值超过指定的最大值时,我没有收到任何显示的消息。正如你提到的,我把最小值和最大值改成了angulars版本。也许一个示例代码可能会有帮助,因为回复太晚了。我已经编辑了上面的代码,并将min和max更改为ng版本。为了显示错误消息,我又添加了一个属性ng required。当用户输入的值超过100时,此变量(布尔值)将在我的脚本中更新。显示的消息将为“{required”:true,“number”:false}。如果删除属性ng required,则即使输入的值大于100,也不会显示错误消息。有什么建议吗?你能把它放在小提琴上吗?我已经用JSFiddle编写了代码,但是我的控制器没有被调用。我需要在JSFiddle中添加任何东西来调用我的控制器吗?更新:我已经解决了控制台错误。以下是新链接:。在fiddle结果中,如果用户输入的值超过100,则在我的控制器中,输入的值将变为“未定义”。因此,当输入的值大于100时,帮助块(错误消息)永远不会向用户显示。在这种情况下是否可以显示错误消息?