リストの行を削除する

Question

2つのキーと値を含むJSONオブジェクトの配列があります。この配列は、内容を表示するためにmd-listに格納されます。ただし、リスト内の行を削除しようとすると、リストUI内の行は削除されません。

以下は簡単な例です：

  <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>--> 

コントローラコード：

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

Answer 1

利用array.splice代わりのdeleteとAngularJSが更新されます：

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