Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用AngularJS将单选按钮值绑定到输入字段_Javascript_Angularjs - Fatal编程技术网

Javascript 使用AngularJS将单选按钮值绑定到输入字段

Javascript 使用AngularJS将单选按钮值绑定到输入字段,javascript,angularjs,Javascript,Angularjs,我有三个单选按钮A、B和C。如果选择了B或C,则会显示一个带有日期选择器的输入字段。如果是新记录,则当前日期将显示在输入字段中。 如果选择单选按钮“A”,则会将“活动”保存到表中。如果选择“B”或“C”,则当前日期或用户选择的日期存储在表中。 我遇到的问题是,如果我选择“A”,表中会存储“Active”。当我进入编辑并选择“B”或“C”时,输入字段中会显示“Active”,此时它应该是当前日期。 我将ng更改添加到“B”或“C”。在函数中,如果值==“Active”,则显示当前日期和时间。 这在

我有三个单选按钮A、B和C。如果选择了B或C,则会显示一个带有日期选择器的输入字段。如果是新记录,则当前日期将显示在输入字段中。 如果选择单选按钮“A”,则会将“活动”保存到表中。如果选择“B”或“C”,则当前日期或用户选择的日期存储在表中。 我遇到的问题是,如果我选择“A”,表中会存储“Active”。当我进入编辑并选择“B”或“C”时,输入字段中会显示“Active”,此时它应该是当前日期。 我将ng更改添加到“B”或“C”。在函数中,如果值==“Active”,则显示当前日期和时间。 这在一定程度上有效。如果我选择“B”,请选择一个日期,然后保存,返回并编辑,然后选择“C”,则以前为“B”保存的日期将在应为当前日期时显示。 这是我的html:

<div class="form-group"
                        <label class=" control-label col-xs-5" for="User">
                            Some Date:
                        </label>
                        <div class="col-xs-7 form-inner-group padRt0">
                            <div class="clearfix stackDate">
                                <input name="SomeDate" id="Date1_0" type="radio" ng-model="vm.approval.SomeDateID" ng-value="1">A<br />
                            </div>
                            <div class="clearfix stackDate">
                                <input name="SomeDate" id="Date1_1" type="radio" ng-model="vm.approval.SomeDateID" ng-change=vm.setDate() ng-value="2">
                                B <input class="form-field cal-field" type="text"
                                                             ng-show="vm.approval.SomeDateID==2" name="SomeDate"
                                                             ng-model="vm.approval.SomeDate"
                                                             datepicker-popup="dd-MMM-yyyy" close-text="Close" ng-model="vm.approval.SomeDateB"><br />

                            </div>
                            <div class="clearfix stackDate">
                                <input name="SomeDate" id="Date1_2" ng-model="vm.approval.SomeDateID" type="radio" ng-change=vm.setDate() ng-value="3">
                                C <input type="text" class="form-field cal-field" ng-required="vm.approval.SomeDateID==3" ng-show="vm.approval.SomeDateID==3"
                                name="SomeDateC" datepicker-popup="dd-MMM-yyyy" close-text="Close" ng-model="vm.approval.SomeDate"><br />
                            </div>
                        </div>
                    </div>

请注意,我还将每个单选按钮的id存储在数据库中。

我想我只是需要在最终弄明白的时候把事情讲清楚。这可能不是最好的方法,但在加载页面时,我将存储在表中的id分配给局部变量。然后在ng change函数中,我根据所选的vm检查该变量的值。如果它们不相等,那么我将当前日期和时间分配给vm。这似乎奏效了

  vm.setDate = function () {
        if (vm.approval.SomeDate == "Active")
        vm.approval.SomeDate = currentdateandtime;
    }