使用 isBrowser 设置 jQuery 功能的 Angular 通用替代方案

Question

我目前使用这段代码sn-p来获得视差效果：

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

我想知道是否有其他方法可以使用 jquery 插件，而不必使用 isBrowser 验证所有组件

Answer 1

Relevent solution.

他的解决方案更侧重于找出浏览器是否为 IE，但包含也适用于您的代码。

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';
 }

}]);