Javascript 无法在AngularJS中创建对象的动态数组

以下是我试图在按钮

单击
-

    [
        {DATE, morning_VALUE, night_VALUE},
        {DATE, morning_VALUE, night_VALUE},
        {DATE, morning_VALUE, night_VALUE},
        {DATE, morning_VALUE, night_VALUE},
        {DATE, morning_VALUE, night_VALUE},
        {DATE, morning_VALUE, night_VALUE},
        {DATE, morning_VALUE, night_VALUE},
    ]
    morning_VALUE -> true/false
    night_VALUE -> true/false

以下是我的plnkr代码-

HTML-

<div class="col-lg-3">
  <ul>
    <li ng-repeat="a in weeklist" style="margin-bottom: 3px;">
      <button ng-click="showWeekDays(a[0], a[1])" 
              style="width:178px;" 
              class="btn bg-blue">
        {{a[0] | date: 'shortDate'}} - {{a[1] | date: 'shortDate'}}
      </button>
    </li>
  </ul>
</div>
<table>
  <tr ng-repeat-start="a in sevenWeekDayArr">
    <td>
      {{a | date: 'shortDate'}}
    </td>
    <td>
      <input type="hidden" 
             ng-model="avail[$index].currDate" 
             ng-init="avail[$index].currDate = a" />
    </td>
  </tr>
  <tr>
    <td>Morning:</td>
    <td>
      <input type="checkbox" ng-model="avail[$index].morning" />
    </td>
  </tr>
  <tr ng-repeat-end="">
    <td>Night:</td>
    <td>
      <input type="checkbox" ng-model="avail[$index].night" />
    </td>
  </tr>
</table>
<div>
  <button ng-click="addTime(avail)">Click</button>
</div>




{{a[0]| date:'shortDate'}-{a[1]| date:'shortDate'}


{{a | date:'shortDate'}}
早晨：
晚上：
点击

让我知道我做错了什么，我相信我需要在这种情况下使用
push
，但不知道如何在我的场景中使用它
 

<table>
            <tr ng-repeat-start="a in sevenWeekDayArr">
                <td>
                    {{a | date: 'shortDate'}}
                </td>
                <td>
                    <input type="hidden" ng-model="a.currDate" />
                </td>
            </tr>
            <tr>
                <td>Morning:</td>
                <td><input type="checkbox" ng-model="a.morning" /></td>
            </tr>
            <tr ng-repeat-end="">
                <td>Night:</td>
                <td><input type="checkbox" ng-model="a.night" /></td> 
            </tr>
</table>
<div>
    <button ng-click="addTime()">Click</button>
</div>

$scope.addTime = function(){
    angular.forEach($scope.sevenWeekDayArr, function(item){
      $scope.avail.push(item);
    });
    console.log($scope.avail);
};

{{a | date:'shortDate'}}
早晨：
晚上：
点击
$scope.addTime=函数（）{
角度.forEach（$scope.sevenWeekDayArr，函数（项）{
$scope.avail.push（项目）；
});
log（$scope.avail）；
};
您试图将对象绑定到没有特定值的模型对象

在script.js中的第17行之后尝试此操作

$scope.avail.push({currDate: "", morning:false, night:false}); 

这将初始化该对象数组，然后您可以从视图中以所需的方式对其进行修改