angularjs比较行值

时间:2017-05-25 12:47:21

标签: angularjs twitter-bootstrap angularjs-ng-repeat

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

在附图中,我该如何制作

  1. 验证在实际值列中输入的值是b / w较低规格和较高规格?
  2. 如果用户输入范围之外的值,那么我需要强制用户为该行添加Notes。
  3. 需要禁用“提交”按钮,直到添加有效值和注释。 enter image description here
  4. 这是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>
    

1 个答案:

答案 0 :(得分:1)

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

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

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

ng-required用于有条件地检查是否根据表达式填写必需的备注字段。

要停用提交按钮,请使用ng-disabled

你应该能够根据自己的需要调整小提琴。