Service Portal, $location. Works on page reload only. Not when URL chanes

[amwebaz]

I am working in the Service Portal. The script below works on page reload or refresh. 
However with I click a link on the page that changes the url, for instance like on a 
single page application. The script does not fire. Can this be done in AngularJS? 
If so how can that be done? Or should this JavaScript be done differently?
Thanks in advance for you wisdom and help.

<script type="text/javascript">
$(document).ready(function () {
    if(window.location.href.indexOf("table=sc_cat_item") > -1) {
       alert("your url contains the name table=sc_cat_item");
    }
});
</script>

[Jon Barnes]

So your code exactly matches mine? And did you put it in the header or footer widget?

[amwebaz]

Maybe I don't know what you mean when you say "header widget"?

I am kind of new to the Service Portal.

[amwebaz]

Okay I created a footer widget? And inserted the code following code:

(function($location) {
/* widget controller */
var c = this;

var checkLocation = $(window).bind('load', function() {
var loc = $location.search();
if (loc == 'sc_cat_item') {
alert("works");
}
})

$scope.$on('$locationChangeSuccess',function() {
checkLocation();
});

checkLocation();
})();

[Jon Barnes]

Did it work for you?

[amwebaz]

No this does not work? Still researching