Как удалять элементы в Angular?

Question

[lohmag]

Написал такой код, который создает DOM элементы:

<tr ng-repeat="allowedMac in allowedMacs">
        <td class="td-username">{{allowedMac.name}}</td>
        <td class="td-ipaddress">{{allowedMac.ip}}</td>
        <td class="td-macaddress">{{allowedMac.mac}}</td>
        <td class="td-date">{{allowedMac.date}}
          <button class="delete-record" ng-click="">&#10060</button>
        </td>
      </tr>

Как повесить на каждый создаваемый элемент ng-click, который будет его удалять? Удаление как я понимаю заключается в удалении записи из массива allowedMacs. Как после срабатывания ng-click взять содержимое {{allowedMac.mac}} чтобы отправить POST запросом?

Answer 1

[Mikhail Osher]

<button ng-click="removeAddr(allowedMac)">remove</button>

var allowedMacs = [];

function removeAddr(allowedMac) {
  $http.delete('/macs/' + allowedMac.mac).then(function (response) {
    if (response.success) {
      allowedMacs.splice(allowedMacs.indexOf(allowedMac), 1);
  });
}

Comments

[lohmag]

спасибо