JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div ng-app ng-controller="AppController" ng-style="style()">
window.height: {{windowHeight}} <br />
style: {{style()}}
</div>
JavaScript
function AppController($scope, $window) {
var w = angular.element($window);
$scope.getHeight = function() {
return w.height();
};
$scope.$watch($scope.getHeight, function(newValue, oldValue) {
$scope.windowHeight = newValue;
$scope.style = function() {
return {
height: newValue + 'px'
};
};
});
w.bind('resize', function () {
$scope.$apply();
});
}