data-closeonclick on the sidenav closes menu but leaves the backdrop angularJS

I have an angular project where my navbar uses the sidenav plugin for mobile menu, but even though the closeonclick method is set to true, it does close the menu but it still leaves the backdrop on, of course you can click anywhere to dismiss it, however it still is not very UI quality.

Any ideas how to solve this? Below is the markup for my navbar.

```

Start with the sidenav directive and the navbar markup shown in the issue, reproducing the case with data-closeonclick="true". Trace the close action and backdrop handling; done means closing the sidenav also removes its backdrop without requiring a separate click.

Written by the indexing model from the issue text.