How to remove an entry from an Angular.js array?

Question

JavaScript

I have JSON data, I use Firebase + angularfire

in the interface, it looks like this

<li ng-repeat="item in vm.program">
    <div>{{item.$id}}</div>  <!-- выведет Monday -->
    <div>
        <div ng-repeat="item in vm.program[$index]">
            <div>{{item.name}}</div>
            <input type="text" ng-value="item.sets">
            <input type="text" ng-value="item.repeats">
            
            <button ng-click="vm.program[$index].$remove(item)" >Delete exercise</button>
        </div>
    </div>
</li>

The task is to delete the Exercise from the Day of the week by clicking on the button, it does not work now.
how to do it?

Answer 1

And what's the problem then? Pass on click the index of the element to the handler function and do slice(i, 1)