Angular universal alternatives to use isBrowser for set jQuery functionality

Question

I currently use this code snippet to get the parallax effect:

ngAfterViewInit(){
  if(isBrowser) {
    $('.parallax').parallax();
  }
}

I want to know if there is another way to use the jquery plugins and not have to validate on all the components with isBrowser

Answer 1

Relevent solution.

His solution is more centered around finding out if the broswer is IE, but contains code that can also apply to you.

app.service('browser', ['$window', function($window) {

 return function() {

    var userAgent = $window.navigator.userAgent;

    var browsers = {chrome: /chrome/i, safari: /safari/i, firefox: /firefox/i, ie: /internet explorer/i};

    for(var key in browsers) {
        if (browsers[key].test(userAgent)) {
            return key;
        }
   };

   return 'unknown';
 }

}]);