Удаление строки в списке

Question

У меня есть массив объектов JSON, которые содержат 2 ключа и значения. Этот массив заполняется в md-списке, чтобы показать его содержимое. Однако, когда я пытаюсь удалить строку в списке, она не удаляет строку в пользовательском интерфейсе списка.

Ниже приведен упрощенный пример:

  <md-list> 
       <md-subheader class="md-no-sticky">Learning Center Activity Name</md-subheader> 
       <md-list-item class="md-2-line" 
           ng-repeat="learningCenterActivityName in $parent.mondayLearningCenterActivityNameList track by $index" 
           ng-hide="$parent.mondayLearningCenterActivityNameList[$index]==undefined"> 
        <div class="md-list-item-text compact"> 
         <h3>{{learningCenterActivityName}}</h3> 
         <md-button class="md-raised md-primary" flex="none" 
            ng-click="deleteLearningCenterListItem($index)">x 
         </md-button> 
        </div> 
        <md-divider></md-divider> 
       </md-list-item> 
      </md-list>--> 

CONTROLLER КОД:

$scope.deleteLearningCenterListItem = function(index) { 
     delete $scope.mondayLearningCenterActivityNameList[index]; 
}; 

Answer 1

Использование array.splice вместо delete и AngularJS обновит:

$scope.deleteLearningCenterListItem = function(index) { 
    $scope.mondayLearningCenterActivityNameList.splice(index, 1); 
};