AngularJS ngRepeat element removal

Question

There are quite a few questions on how to implement item removal inside ngRepeat directive, and as I figured out, it comes down to using ngClick and triggering

Answer 1

A very simple and convenient way that works cross-browser is to use the 'remove' utility method from the library lodash.

{{ phone }} 
  Remove

In your controller you declare then

//inject lodash dependency

//declare method in scope
$scope.removeItem = function(list, item){
   lodash.remove(list,function(someItem) { return item === someItem});
}

You may of course use indexes if you like. See https://lodash.com/docs#remove