0
ウィンドウの高さ全体から一定量を引いたリサイズ範囲のdivを作成しようとしています。私は次のエラーを取得するいくつかの理由ディレクティブ内のウィンドウの高さを取得する際の具体的な問題
：
ionic.bundle.js:26794 TypeError: w.height is not a function
at scope.getWindowDimensions (app.js:283)
at Scope.$digest (ionic.bundle.js:30230)
at Scope.$apply (ionic.bundle.js:30503)
at done (ionic.bundle.js:24824)
at completeRequest (ionic.bundle.js:25022)
at XMLHttpRequest.requestLoaded (ionic.bundle.js:24963)
私はヘッダから私のionic.bundle.jsを削除する場合は、それが動作します。 （私は、ブラウザでこれを使用していますことに注意してください）
指令
.directive('resize', function ($window) {
return function (scope, element) {
var w = angular.element($window);
console.log(w);
scope.getWindowDimensions = function() { return { 'h': w.height(), 'w': w.width() }; };
scope.$watch(scope.getWindowDimensions, function (newValue, oldValue) {
scope.windowHeight = newValue.h;
scope.windowWidth = newValue.w;
scope.style = function (amount) { return { 'height': (newValue.h - amount) + 'px', 'width': (newValue.w - amount) + 'px' }; };
scope.height = function (amount) { return { 'height': (newValue.h - amount) + 'px' }; };
}, true);
w.bind('resize', function() { scope.$apply(); });
}
})
TEMPLATE
<div id="pageContent" ng-style="height(75)" resize>
Stuff here
</div>
CSS
#pageContent {
position: relative;
padding-bottom: 20px;
z-index: 2;
overflow: auto;
}