Angular JS错误状态未显示

Question

我有一个包含3个面板的Bootstrap 3页面和一个数字步进器来控制面板的高度。 这部分工作正常，但如果步进器达到最小值或超过某个值，我也会尝试添加错误状态消息。 步进器值绑定到面板的高度，并按预期工作。 该错误不会显示，但是。

代码的基本角度部分在这里：

<form class="form-inline" name="panel" no-validate>
        <div class="form-group" ng-class="{'has-error': panel.height.$error.min || panel.height.$error.max}" >
            <span>Change height:&nbsp;</span>
            <input class="form-control" name="height" style="display: inline-block; width: 70px;" type="number" min="150" max="400" step="25" ng-model="panelHeight" ng-init="panelHeight=200"  />
            <span ng-show="panel.height.$error.min">&nbsp;Height must be a minimum of 150.</span>
            <span ng-show="panel.height.$error.max">&nbsp;Height must be a maximum of 400.</span>
        </div>
    </form>

有关整个工作代码的小提琴在这里： http : //jsfiddle.net/yLUaA/

注意显然我在删除适当数量的代码以使小提琴无法正常工作时遇到了问题。 请放心，面板尺寸在本地有效。 只是没有错误。

Answer 1

您从小提琴中缺少ng-app ，所以这很可能是您本地项目中的原因。 ng-app应该分配给页面的根元素，请参阅ng-app文档 。

此处的演示工作： http : //jsfiddle.net/yLUaA/3/