Question

在编辑表格时，在下面的代码..我从字段中获取json到行变量.. 它显示“row.create_tour.startDate”＆amp;的值。 “row.create_tour.endDate”..当我在表格开头打印它们时.. 但是，当我将这些模型分配给挑选日期时，它将变空。我该怎么做？是否有任何默认的选择日期设置？在输入框中显示具有选择日期的值的任何其他选项？

以下是代码段：

            <div ng-repeat="row in fields"> 
                        <div layout="row"> 
                            <div class="dateField">
                                <md-input-container> 
                                    <label>Start date <span class="requiredStart">*</span> </label>  

                                    <input type="text" name="startDate[$index]" class="inputbox required startDate" pick-a-date="startDate[$index]" pick-a-date-options="options" min-date="create_tour.startDate" ng-model="row.create_tour.startDate" ng-change="updateChildEndDate(row);" required/>
                                    <span style="color:red;font-size: 14px;" ng-show="step3Form.startDate[$index].$dirty &&  step3Form.startDate[$index].$invalid">
                                        <span ng-show="step3Form.startDate[$index].$error.required" >This field is required</span>
                                    </span>  

                                </md-input-container>  
                            </div>
                            <div class="dateField">   
                                <md-input-container>
                                    <label>End date <span class="requiredStart">*</span></label>
                                    <input type="text" name="endDate[$index]"  class="inputbox required endDate"   ng-model="row.create_tour.endDate" pick-a-date="endDate[$index]" min-date="row.create_tour.startDate" required/>
                                    <span style="color:red" ng-show="step3Form.endDate[$index].$dirty && step3Form.endDate[$index].$invalid"> 
                                        <span ng-show="step3Form.endDate[$index].$error.required" >This field is required</span>
                                    </span> 
                                </md-input-container>
                            </div>
                        </div>
            </div>

Answer 1

我认为您的models稍有不妥。他们不应该

分别为

ng-model="row.create_tour.startDate[$index]"和ng-model="row.create_tour.endDate[$index]"。

之所以如此，是因为ng-repeat创建了自己的scope，每行应该有唯一的ng-model。

在angularjs中编辑时选择日期datepicker设置值为空

1 个答案: