angular.js - Gunakan ng-repeat untuk mencipta item senarai dalam Angular Saya mahu menyembunyikan item dengan mengklik pada salah satu item senarai.

Question

{Kod...} Bagaimana untuk menulis dalam ng-hide Jika pembolehubah ditulis, semua item senarai akan menjadi pembolehubah ng-hide yang sama tidak boleh menyembunyikan satu pun

phpcn_u1582 · Answer

Sila terangkan masalah anda dengan teliti, supaya orang lain akan mengambil serius masalah anda.

Anda hanya mahu mengklik "Alih Keluar" dan baris ini akan hilang daripada jadual. Malah, jika anda memadamkan rekod dalam data, mekanisme pengikatan AngularJS akan mengemas kini antara muka secara automatik dan baris ini akan hilang secara automatik. Tak perlu guna ng-hide.

Anda hanya perlu melaksanakan underCarriage(app._id) dengan baik:

controllers.controller('SFTestCtrl', ['$scope', function($scope) {
  $scope.apps = [
    {
      _id: 0,
      name: 'test',
      author: 'test',
      category: 'test'
    },
    {
      _id: 1,
      name: 'test1',
      author: 'test1',
      category: 'test1'
    },
    {
      _id: 2,
      name: 'test2',
      author: 'test2',
      category: 'test2'
    }
  ];

  $scope.appCategoryMap = {
    test: {
      name: 'test'
    },
    test1: {
      name: 'test1'
    },
    test2: {
      name: 'test2'
    }
  };

  $scope.underCarriage = function(id) {
    $scope.apps.forEach(function(v, i, _) {
      if (v._id == id) {
        _.splice(i, 1);
      }
    });
  };

}]);

Ujian tempatan saya boleh mencapai kesannya.

天蓬老师 · Answer

Tambahkan atribut tersembunyi pada apl untuk merakam sama ada ia tersembunyi

http://jsfiddle.net/larvata/1wr2bfLs/