Angular2 - 如何注入窗口到angular2服务 [英] Angular2 - How to inject window into an angular2 service

问题描述

我在写一个打字稿服务Angular2，这将使使用localStorage的的。我想注入到浏览器窗口对象的引用到我的服务，因为我不想引用任何全局变量。像角1.x的 $窗口。我该怎么做呢？

I'm writing an Angular2 service in TypeScript that will make use of localstorage. And I want to inject a reference to the browser window object into my service since I don't want to reference any global variables. Like angular 1.x $window. How do I do that?

推荐答案

下面是我为你做的服务。
https://gist.github.com/gdi2290/f8a524cdfb1f54f1a59c

here's a service I made for you. https://gist.github.com/gdi2290/f8a524cdfb1f54f1a59c

您可以搜索
进口{WINDOW，WINDOW_PROVIDERS}从'./window-service'; 结果
或结果
进口{WindowRef，WINDOW_PROVIDERS}从'./window-service';

@Component({
  providers: [WINDOW_PROVIDERS]
})
class App {
  constructor(win: WindowRef, @Inject(WINDOW) win2) {
    var $window = win.nativeWindow;
    var $window2 = win2;
  }
}

这篇关于Angular2 - 如何注入窗口到angular2服务的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！