私のような人に役立つかもしれないと考えて、このフィドルを公開しました。これは、単純な JavaScript を角度スコープに渡す方法を示しています。この場合、スコープはウィンドウの内部サイズ情報を取得します。
http://jsfiddle.net/spacm/HeMZP/
個人的な使用のために、これらの情報を angular スコープに渡します。
- 幅と高さ
- 向き・向き変更
- iframe 検出
- OS 検出
navigator.platform
変数の使用
function isInIFrame(){
return window.location !== window.parent.location;
}
function updateMediaInfoWH() {
if((typeof(mediaInfo.inIFrame)!='undefined') && (!mediaInfo.inIFrame)) {
mediaInfo.width = innerWidth;
mediaInfo.height = innerHeight;
updateMediaInfoOrientation();
}
tellAngular();
}
function tellAngular() {
console.log("tellAngular");
var domElt = document.getElementById('mainContainer');
scope = angular.element(domElt).scope();
console.log(scope);
scope.$apply(function(){
scope.mediaInfo = mediaInfo;
scope.info = mediaInfo.width;
});
}
どんなコメントでも大歓迎です。