как скрыть строку таблицы на нг-клик

Question

как скрыть строку таблицы на нг-клик

0

Используя ng-repeat, я повторяю tr. Каждая строка будет иметь одну кнопку удаления, когда я нажимаю кнопку удаления, которую родительский tr хочет скрыть, как это возможно, используя angularjs

<tr ng-repeat="affiliate in affiliateList" ng-hide='num == $index'>
      <td>{{affiliate.affName}}</td>
      <td>{{affiliate.affUrl}}</td>
      <td>{{affiliate.associatedId}}</td>
      <td><span class="btn btn-small" ng-click="delete(affiliate.affId); deleteList($index)">Delete</span></td>
    </tr>


$scope.num = 0;
$scope.deleteList = function(index){
    $scope.num = index;
}

achu 21 июль 2016, в 08:13

Источник

0

Можете ли вы предоставить нам плункер, который воспроизводит ту же проблему
Varit J Patel 21 июль 2016, в 05:49

Теги:

angularjs

5 ответов

0

Возможно, вы ищете эту строку "Удалить таблицу", динамично надеясь, что это поможет вам.

vicky92727 21 июль 2016, в 04:40

0

You need to modify delete method as below:

$scope.deleteList = function(index){
    $scope.affiliateList.splice(index, 1);
}

И вы можете удалить это состояние ng-hide.

dipendra 21 июль 2016, в 03:46

0

Невозможно прочитать свойство "склейка" из неопределенного, эта ошибка
achu 21 июль 2016, в 05:57
0

У вас уже есть массив $ scope.affiliateList для итерации. Можете ли вы поделиться своим кодом?
dipendra 21 июль 2016, в 06:32

0

вместо того, чтобы скрывать строку, удалите ее из списка

HTML

<span class="btn btn-small" ng-click="delete(affiliate)">Delete</span>

JS

$scope.delete = function(item) {
   $scope.affiliates.splice(item, 1);
}

harishr 21 июль 2016, в 03:14

0

Для каждого объекта требуется переменная (например, видимость), которую мы можем использовать для отслеживания состояния каждой строки.

филиал

{
    'visibility': value
    'affId': value,
    'affName': value,
    'affUrl': value,
    'associatedId': value,
}

Инициализация видимости с помощью true и affId содержит уникальное значение для каждого объекта.

sample html.js

<tr ng-repeat="affiliate in affiliateList track by affiliate.affId" ng-hide='!affiliate.visibility'>
      <td>{{affiliate.affName}}</td>
      <td>{{affiliate.affUrl}}</td>
      <td>{{affiliate.associatedId}}</td>
      <td><span class="btn btn-small" ng-click="delete(affiliate.affId); deleteList(affiliate)">Delete</span></td>
    </tr>

controller.js

$scope.deleteList = function(affiliate){
     affiliate.visibility = false;
}

Это должно решить проблему.

Ajay 21 июль 2016, в 03:01

Ещё вопросы

Можете ли вы предоставить нам плункер, который воспроизводит ту же проблему
Невозможно прочитать свойство "склейка" из неопределенного, эта ошибка
У вас уже есть массив $ scope.affiliateList для итерации. Можете ли вы поделиться своим кодом?

Suhail AKhtar · Accepted Answer · 2016-07-21T03-59-00.000Z

Вы можете попробовать этот код, и ему не нужно писать функцию.

<tr ng-repeat="affiliate in affiliateList" ng-hide='num == $index'>
      <td>{{affiliate.affName}}</td>
      <td>{{affiliate.affUrl}}</td>
      <td>{{affiliate.associatedId}}</td>
      <td><span class="btn btn-small" ng-click="delete(affiliate.affId); num=$index">Delete</span></td>
</tr>