刪除列表中的行

我有一個包含2個鍵和值的JSON對象數組。該數組填充在md列表中以顯示其內容。但是，當我嘗試刪除列表中的一行時，它不會刪除列表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]; 
};

來源

2016-12-30 user2498079

這似乎在提供正確的信息如何添加或刪除JavaScript數組中的任何項目。 - https://www.linkedin.com/pulse/little-bit-angularjs-push-splice-paul-anthony-deehan – Nitesh

我的答案是否解決了您的問題？如果是這樣，請接受它作爲答案。 – leroydev

使用array.splice而不是delete和AngularJS將更新：

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

來源

2016-12-31 00:11:40 leroydev

刪除列表中的行

回答

相關問題