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

Question

在我的控制器中，我有两个功能，第一个允许我向数组添加新项目，第二个允许我删除单个项目。

我的整个控制器如下所示：

.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