javascript - 从数组中删除项目需要很多时间

Question

在我的 Controller 中，我有两个函数，第一个允许我向数组添加新项目，第二个删除单个项目。

我的整个 Controller 看起来像这样:

.controller('MyCtrl', function($scope, $mdDialog) {
  $scope.questions = [{
    text: 'What is Your name?',
    files: [{
      id: 1,
      name: 'file 1'
    }]
  }, {
    text: 'Question 2',
    files: [{
      id: 1,
      name: 'file 1'
    }]
  }, {
    text: 'Question 3',
    files: [{
      id: 1,
      name: 'file 1'
    }]
  }];

  $scope.selectedQuestionIndex = undefined;
  $scope.selectedQuestion = function(index) {
    if ($scope.selectedQuestionIndex !== index) {
      $scope.selectedQuestionIndex = index;
    } else {
      $scope.selectedQuestionIndex = undefined;
    }
  };

  $scope.addFile = function(question) {
    question.files.push({
      id: 2,
      name: 'file 2'
    });
  };
  $scope.deleteFile = function(question, file) {
    var index = question.files.indexOf(file);
    question.files.splice(index, 1);
  };
});

添加新项目很快，但删除需要更多时间:

这是 Plunker 显示的问题:http://plnkr.co/edit/YYxeHlubDk0VThmQNmw4?p=preview

我的问题是:如何加快删除分配给问题的文件(我应该如何优化 deleteFile 函数)？

Answer 1

您可以 disable animation在特定元素上。

.directive('noAnimate', ['$animate', function (animate) {
    return function (scope, element) {
        animate.enabled(element, false); 
    };
}])

参见 plunker