AngularJS kapsamındaki bir diziden bir öğe nasıl kaldırılır?

Basit yapılacaklar listesi, ancak her bir öğe için liste sayfasında sil düğmesi ile:

Alakalı şablon HTML'si:

<tr ng-repeat="person in persons">
  <td>{{person.name}} - # {{person.id}}</td>
  <td>{{person.description}}</td>
  <td nowrap=nowrap>
    <a href="#!/edit"><i class="icon-edit"></i></a>
    <button ng-click="delete(person)"><i class="icon-minus-sign"></i></button>
  </td>
</tr>

İlgili denetleyici yöntemi:

$scope.delete = function (person) {
  API.DeletePerson({ id: person.id }, function (success) {
    // I need some code here to pull the person from my scope.
  });
};

Denedim $scope.persons.pull(person)ve $scope.persons.remove(person).

Veritabanı başarıyla silindi, ancak bu öğeyi kapsamdan çekemiyorum ve istemcinin zaten sahip olduğu veriler için sunucuya bir yöntem çağrısı yapmak istemiyorum, sadece bu kişiyi kapsamdan kaldırmak istiyorum.

Herhangi bir fikir?

Sorununuz gerçekten Açısal değil, Array yöntemleriyle ilgili. Bir diziden belirli bir öğeyi kaldırmanın uygun yolu ile Array.splice. Ayrıca, ng-repeat kullanırken, geçirdiğiniz $indexdizinin geçerli dizini olan özel özelliğe erişebilirsiniz .

Çözüm aslında oldukça basittir:

Görünüm:

<a ng-click="delete($index)">Delete</a>

Denetleyici:

$scope.delete = function ( idx ) {
  var person_to_delete = $scope.persons[idx];

  API.DeletePerson({ id: person_to_delete.id }, function (success) {
    $scope.persons.splice(idx, 1);
  });
};

Sen dizinini bulmak gerekecek personsizin de personsdizinin ardından dizinin kullanmak spliceyöntemini:

$scope.persons.splice( $scope.persons.indexOf(person), 1 );

Yararlı işlevlerin bir listesi olan Underscore.js kütüphanesini kullanırım .

without

without_.without(array, *values)

Tüm değerlerin kaldırıldığı dizinin bir kopyasını döndürür.

_.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
// => [2, 3, 4]

Misal

var res = "deleteMe";

$scope.nodes = [
  {
    name: "Node-1-1"
  },
  {
    name: "Node-1-2"
  },
  {
    name: "deleteMe"
  }
];
    
$scope.newNodes = _.without($scope.nodes, _.findWhere($scope.nodes, {
  name: res
}));

JSFiddle'da Demo'ya bakın .

filter

var evens = _.filter([1, 2, 3, 4, 5, 6], function(num){ return num % 2 == 0; });

// => [2, 4, 6]

Misal

$scope.newNodes = _.filter($scope.nodes, function(node) {
  return !(node.name == res);
});

Bkz. Fiddle'daki Demo .

$scope.removeItem = function() {
    $scope.items.splice($scope.toRemove, 1);
    $scope.toRemove = null;
};

bu benim için çalışıyor!

Listeyle ilişkili herhangi bir işleviniz varsa, ekleme işlevini yaptığınızda ilişkilendirme de silinir. Çözümüm:

$scope.remove = function() {
    var oldList = $scope.items;
    $scope.items = [];

    angular.forEach(oldList, function(x) {
        if (! x.done) $scope.items.push( { [ DATA OF EACH ITEM USING oldList(x) ] });
    });
};

Liste parametresi, öğeler olarak adlandırılır . X.done parametresi , öğenin silinip silinmeyeceğini gösterir.

Başka referanslar: Başka bir örnek

Umarım yardımcı olurum. Selamlar.

@Joseph Silber'in kabul edilen cevabı çalışmıyor çünkü indexOf -1 döndürür. Muhtemelen Angular, $ scope.items [0] ve öğem için farklı olan bir hashkey ekliyor. Bunu angular.toJson () işleviyle çözmeye çalıştım, ancak işe yaramadı :(

Ah, sebebini buldum ... $ scope.items'imi izleyerek masamda iki sütun oluşturmak için yığın bir yöntem kullanıyorum. Afedersiniz!

Bunu da kullanabilirsiniz

$scope.persons = $filter('filter')($scope.persons , { id: ('!' + person.id) });

Açısal yerleşik bir fonksiyona sahiptir arrayRemove, sizin durumunuzda yöntem basitçe şöyle olabilir:

arrayRemove($scope.persons, person)

array.splice(array.pop(item));

Bir öğeyi kapsamdan kaldırmak için:

// remove an item
    $scope.remove = function(index) {
        $scope.items.splice(index, 1);
    };

Buradan bağlantı açıklamasını girin