Question

抱歉这个奇怪的标题，这是我的问题：我有一个空数组。单击按钮时它在数组（array.push）中创建一个具有空白属性的新项目：

name：''，date：''，user：'',, phoneNumber：''

数组反映到表中，每个项目都是一个新的表格行，如下所示：

<tr ng-repeat="row in rows">
<td> <select ng-model ="$parent.rows[$index]" ng-options = "user.name for user in usersDB> </select>
<td><date-picker> </date-picker> </td>
<td>{{$parent.rows.user}}</td>
<td> {{$parent.rows.phoneNumber}}</td>
</tr>

我的问题是，当我从日期选择器指令中选择日期时，在此之后将用户从ng-option更改为日期变为空。我该如何解决这个问题？

我的日期选择指令：

app.directive('datePicker',function(){
return {
          restrict: 'E',
          scope: true, 
          template: '<input ui-date-format = "dd/MM/yyyy" type=text uib-datepicker-popup="dd/MM/yyyy" ng-model = "$parent.rows[$index].date" is-open ="status.opened" ng-click="open($event)" ',

}

});

感谢

Answer 1

在这种情况下，请尝试发布样本小提琴以更快地帮助您。但在大多数此类情况下，应始终注意父子范围comcept，这在此链接中进行了解释

angularjs scope(the crux): parent child scope having model(with and without 'dot')

在ng-repeat AngularJS中选择时，指令内容变为空

1 个答案: