각도 2 및 전체 화면 API

Question

문서 및 예제를 살펴본 결과, "onfullscreenchange"이벤트 및/또는 "document"요소의 변형 ("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와 통합하는 방법을 찾거나 다른 아이디어 나 제안 사항이있는 방법에 대해 알고 싶으면 도움을 주시면 감사하겠습니다.

편집 : 도움이되는 자료를 가르쳐 주시면 (부분적 으로라도)이 자료가 훼손 될 수 있으므로 크게 감사하겠습니다. 고맙습니다!

답변 document:webkitfullscreenchange (등 다른 브라우저 용)

Answer 1

onfullscreenchange 이벤트 유형 같은 건 없다. 즉, 이벤트 핸들러, 그래서 (정말이 일의 "각도의 방법"아니다으로, 그러나 아마는 안) 당신은 할 수 :

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

그러나 fullscreenchange 이벤트가있다, 그래서이 작동합니다 고급 :

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