删除列表中的行

我有一个包含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

删除列表中的行

回答

相关问题