向ng-repeat中的字段添加默认值时数据绑定停止

Question

我在重复提问，因为我之前忽略了重要信息。

我有一个日期模型，它改变了基于这个输入的值：AngularJS: How to set default value to ng-model="searchText"?。

   <div class="modal-body"> 
        <div style="display:inline-block; margin-bottom:20px;"> 
         <h3 style="float:left;">Set All Dates: </h3> 
          <span style="padding-top:15px; padding-left:7px;" class="input-group date"> 
           <input id="setAllEffectiveDates" type="text" data-ng-model="date" value="" class="form-control input-sm"> 
           <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span> 
          </span> 
        </div> 
        <table class="table table-bordered"> 
         <tbody data-ng-repeat="(associatedContract,ndc) in ndcs"> 
          <tr> 
           <td> 
            <div class="input-group date updateIt"> 
             <input id="effectiveDate" type="text" data-ng-model="date" class="form-control input-sm"> 
             <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span> 
            </div> 
           </td> 
          </tr> 

         </tbody> 
        </table> 
       </div> 

当我选择一个日期，所有的输入变为所选的日期时，上述工作按预期进行。

我的问题是，我想添加一个默认值的字段。该值是通过此处迭代的变量：<tbody data-ng-repeat="(associatedContract,ndc) in ndcs">。

<input id="effectiveDate" type="text" data-ng-model="date" ng-init="date=ndc.value" class="form-control input-sm"> 

添加ng-init="date=ndc.value"确实增加了来自控制器的默认值如预期。但它会删除数据绑定。更改input id="setAllEffectiveDates"时，该字段不再更新。

我怎样才能有默认值，但也有数据绑定工作？

编辑：

更新功能我加入NG-变化：

<input id="setAllEffectiveDates" ng-change="updateEffectiveDates(date)" type="text" data-ng-model="date" value="" class="form-control input-sm">

，然后做了一个功能：

$scope.updateEffectiveDates = function (date) { 
     angular.forEach($scope.ndcs, function (ndc) { 
      ndc.value = date; 
     }); 
     console.log($scope.ndcs); 
    }; 

这看起来像它更新模型，但不字段在页面上。

Answer 1

我怀疑ng-init正在对由ng-repeat每个新创建的作用域的新date变量，因此它不会从您的控制器了绑定。如果你只需要一个日期，尝试将其设置为存在于你的控制器对象：

控制器：

$scope.obj = { 
    date: null 
}; 

查看：

<input ng-init="obj.date=ndc.value"> 

编辑：只需绑定的日期你已经在每个阵列元素上有：

data-ng-model="ndc.date" ng-change="setOtherDates()"

最终的答案：

<input id="setAllEffectiveDates" ng-change="updateEffectiveDates(date)" type="text" data-ng-model="date" value="" class="form-control input-sm"> 

则：

<input id="effectiveDate" type="text" data-ng-model="ndc.value" class="form-control input-sm"> 

与功能：

$scope.updateEffectiveDates = function (date) { 
     angular.forEach($scope.ndcs, function (ndc) { 
      ndc.value = date; 
     }); 
     console.log($scope.ndcs); 
    };