Question

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

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

<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 documentation。

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

Angular JS错误状态未显示

1 个答案: