Nav-bar button overlaps

Are you using ui-router?

If yes, it is pretty simple. You can get the url of a view with $state.current.name and then you can apply it in your template with attribute ng-hide="hideInView()" and define the function in your controller as

$sccope.hideInView = function() {
    if ($state.current.name === "your.state") return true; else return false;
}