javascript - Angular JS 错误状态未显示

Question

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

代码的基本 Angular 部分在这里:

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

整个工作代码的 fiddle 在这里:http://jsfiddle.net/yLUaA/

注意 显然我在删除适量的代码以使 fiddle 工作时遇到了问题；请放心，面板尺寸调整在本地有效。只是不是错误。

Answer 1

您从 fiddle 中遗漏了 ng-app 因此这很可能是您本地元素中的原因。 ng-app 应该分配给页面的根元素，参见 ng-app documentation .

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