angularjs比较行值

Question

我是 angularjs 新手，不知道从哪里开始完成以下任务。非常感谢任何帮助。

在附图中，我该怎么做

1. 验证在 Actual Value 列中输入的值是 b/w Lower spec 和 Upper spec ?。
2. 如果用户输入的值超出范围，那么我需要强制用户为该行添加注释。
3. 在添加有效值和注释之前，需要禁用提交按钮。

这里是html代码 {{group.LowerSpecLimit |数量：4 }} {{group.UpperSpecLimit |编号：4 }}

                                        <td class="col-md-3">

                                            <input ng-show="group.ValueEntered < 12 "
                                                   style="border-left: solid red"
                                                   ng-required="group.ValueEntered < 12"
                                                   class="form-control"
                                                   id="notes"
                                                   name="notes"
                                                   type="text"
                                                   placeholder="Notes"
                                                   ng-model="group.Notes">

                                            <input ng-show="group.ValueEntered > 12 "
                                                   style="border-left: solid green"
                                                   class="form-control"
                                                   id="notes"
                                                   name="notes"
                                                   type="text"
                                                   placeholder="Notes"
                                                   ng-model="group.Notes">

                                        </td>

Answer 1

这个小提琴是你的目标： http://jsfiddle.net/ernestsoo22/uptnx/804/

检查实际值是否在范围内。 ng-model 用于将用户的输入与名为 actualvalue 的应用程序数据绑定（参见小提琴）。 注意：用ng-init初始化。

ng-show 用于显示不同的输入字段必填注释和注释。

ng-required 用于有条件地检查必填说明字段是否基于表达式填充。

要禁用提交按钮，请使用ng-disabled。

您应该能够调整呈现的小提琴以满足您的需求。