如何在AngularJS中的$ http.post後推送

Question

我試圖找到正確的語法來推送一個新添加的項目後，它已http.posted。

以下語法不會給我任何錯誤，但也不會正確推送。任何想法將有助於

$scope.insertAppointmentReminderEntry = function() { 

    $scope.add_reminder_time  = this.add_reminder_time; 
    $scope.add_reminder_timeunit = this.add_reminder_timeunit; 
    $scope.add_delivery_method = this.add_delivery_method; 
    $scope.add_delivery_contact = this.add_delivery_contact; 

    var data = { 
     group_id    : $scope.groupid, 
     appointment_id   : $scope.appointmentid, 
     reminder_time   : $scope.add_reminder_time, 
     reminder_timeunit  : $scope.add_reminder_timeunit, 
     delivery_method  : $scope.add_delivery_method, 
     delivery_contact  : $scope.add_delivery_contact 
    }; 

     $http.post(urlApiAppointmentReminders + $scope.groupid, data).success(function(data, status) { 

      var newItemNo = $scope.appointmentreminders.length+1; 

      $scope.appointmentreminders.push($scope.appointmentreminders[newItemNo].data); 
    }) 

    modalInstance.close(); 
}; 

HTML

<div ng-repeat="x in appointmentreminders" class="row" ng-style="{ 'border-top' : (x.delivery_method != appointmentreminders[$index-1].delivery_method && $index != 0 ? '1pt solid #eee' : '0pt solid #eee')}" style="border-top:1pt solid #eee; padding: 0.25em 0 0.25em 0" > 

    <div class="col-md-offset-1 col-md-4"> 
       @{{x.time}} @{{x.timeunit}}@{{x.time > 1 ? 's' : ''}} prior to appointment 
    </div> 

    <div class="col-md-4"> 
       Reminder: @{{x.delivery_contact}} 
    </div> 

    <div class="col-md-2">     
       <!-- delete this reminder --> 
       <a class="btn btn-xs btn-warning pull-right glyphicon glyphicon-trash" ng-click="ctrl.removeItem($index)"></a>   
    </div> 

    </div> <!-- ng-repeat --> 

HTML（模態添加新的提醒）

<script type="text/ng-template" id="addScheduleModalContent.html"> 
    <div class="modal-header"> 
     <h3 class="modal-title">Add a new appointment reminder</h3> 
    </div> 
    <div class="modal-body"> 

     <div class="row" style="padding: 0.5em 0 0.5em 0.5em"> 
       <div class="col-sm-4" > 
        {!! Form::text('reminder_time', '30', ['class' => 'form-control', 'placeholder' => '', 'ng-model' => 'add_reminder_time']) !!} 
       </div> 
       <div class="col-sm-8" > 
        {!! Form::select('reminder_timeunit', ['minute' => 'minutes(s)', 'hour' => 'hour(s)', 'day' => 'day(s)', 'week' => 'week(s)', 'month' => 'month(s)'], null, ['class' => 'form-control', 'ng-model' => 'add_reminder_timeunit']) !!} 
       </div> 
     </div> 

     <div class="row" style="padding: 0.5em 0 0.5em 0.5em"> 
       <div class="col-sm-4" > 
        {!! Form::select('delivery_method', ['eml' => 'Email'], null, ['class' => 'form-control', 'ng-model' => 'add_delivery_method']) !!} 
       </div> 
       <div class="col-sm-8" > 
        {!! Form::text('delivery_contact', null, ['class' => 'form-control', 'placeholder' => 'Your email address', 'ng-model' => 'add_delivery_contact']) !!} 
       </div> 
     </div> 

    <div class="modal-footer"> 
     <button class="btn btn-primary" ng-click="insertAppointmentReminderEntry()">Save</button> 
     <button class="btn btn-primary" ng-click="$close()">Close</button> 
    </div> 
    </script>   

Answer 1

這應該是足夠$scope.appointmentreminders.push(data)

，或者如果你想要把新數據在陣列中的特定位置，然後執行此操作 $scope.appointmentreminders[newItemNo] = data

但不要在同一行:)