Angular 2和全屏API

Question

我查看了文档和示例，但没有找到在“文档”元素上监听“onfullscreenchange”事件和/或它的变体（“onwebkitfullscreenchange”等）的方法。

我所没有成功尝试：

/*method 1*/  
host: { 
     '(document:onwebkitfullscreenchange)': 'fullScreen()' 
    } 
/*method 2*/ 
    @HostListener("document:onwebkitfullscreenchange", []) fullScreen() {} 
/*method 3*/ 
    renderer.listenGlobal('document', 'onwebkitfullscreenchange', (event) => {}) 

所有与更常见的事件，如onclick事件上面的工作。

如果你已经想出了一种将fullscreen API与Angular 2集成的方法，或者有关于如何去做或尝试的其他想法或建议，我会非常感谢你的帮助。

编辑：如果你能指点我一个有用的资源，这可能会demistify（甚至部分），我将不胜感激。谢谢！

ANSWER document:webkitfullscreenchange（等等的其他浏览器）

Answer 1

有作为onfullscreenchange事件类型没有这样的事情。这是事件处理，所以你可以做（​​但可能是不应该的，因为它不是真正这样做的“角办法”）：

document.onfullscreenchange =() => console.log('fullscreenchange event fired!'); 

但有一个fullscreenchange事件，所以这应该工作精细：

@HostListener("document:fullscreenchange", []) fullScreen() {}