So in order to get the complete functionality I want, I have made my list component into a checkbox component. It functions the same way as before but also has the selectable function that I need. I want to select entries that I want to delete ( have them be checked) and then press a delete button that will get all the _ids from the hidden labels on each checkbox item and delete it from the database. This is opposed to invoking the service multiple times when it need only be invoked once.
I think I am close to a solution but my javascript is a little off I think. I have a local storage array "_deleteID" that I want to send the _id's of the selected to, and then use those _ids to pass to the delete service. But all the _ids that get sent to the array are of the first element in the checkbox group. Can anyone help? I think just one line of javascript is off.