angularjs比较行值

angularjs比较行值,angularjs,twitter-bootstrap,angularjs-ng-repeat,Angularjs,Twitter Bootstrap,Angularjs Ng Repeat,我是angularjs的新手,不知道从哪里开始完成下面的任务。非常感谢您的帮助 在所附图片中,我如何制作 验证在“实际值”列中输入的值是否为b/w低规格和高规格 如果用户输入的值超出范围,则我需要强制用户为该行添加注释 在添加有效值和注释之前,需要禁用“提交”按钮。 下面是html代码 {{group.LowerSpecLimit}个数:4} {{group.UpperSpecLimit | number:4} &

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

在所附图片中,我如何制作

  • 验证在“实际值”列中输入的值是否为b/w低规格和高规格
  • 如果用户输入的值超出范围,则我需要强制用户为该行添加注释
  • 在添加有效值和注释之前,需要禁用“提交”按钮。
  • 下面是html代码 {{group.LowerSpecLimit}个数:4} {{group.UpperSpecLimit | number: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>
    

    这把小提琴正是你的目标:

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

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

    ng required
    用于有条件地检查required notes字段是否基于表达式填充

    要禁用提交按钮,请使用
    ng disabled


    您应该能够调整所显示的小提琴以满足您的需要。

    我能够添加您的代码。但是有输入框的区域在隐藏和显示另一个输入框时会闪烁。我已经用html代码更新了我的代码。你知道发生了什么吗?@bp581在ng show中你的状态有一个小错误。如果其中一个是group.ValueEntered>12,那么另一个应该是group.ValueEntered我做了更改..还没有运气。请尝试在相反的条件下使用
    ng hide
    。例如,
    ng show=“variable>12”
    将是
    ng hide=“variable抱歉,没有使用ng hide。屏幕仍像ng show一样闪烁