假设我有一个<div>我希望以浏览器的显示(视口)为中心.为此,我需要计算<div>元素的宽度和高度.
我该怎么用?请包含有关浏览器兼容性的信息
我在角度方式上看了这个线程获得元素高度,但作为一个有角度的新手,我需要一些帮助将我自己的js转换为正确的角度.
app.js
var AppModule = angular.module('App', ['ngAnimate', 'ngRoute']);
AppModule.config(function($routeProvider) {
$routeProvider
.when('/page:pageNumber', {
templateUrl: function ($routeParams) {
return '/app/..../assets/html/page' + $routeParams.pageNumber + '.php';
},
controller: "PageCtrl"
})
.otherwise({
redirectTo: "/page1"
});
});
Run Code Online (Sandbox Code Playgroud)
controller.js
AppModule.controller("ViewCtrl", function($scope, $timeout) {
$scope.$on("$routeChangeSuccess", function(event, current, previous) {
$timeout(function() {
$scope.animationStyle = "slideRight";
height = document.getElementById('page' + $routeParams.pageNumber).offsetHeight;
document.getElementById('document').setAttribute("style","height:" + height + "px");
document.getElementById('document').style.height='"' + height + 'px"';
});
});
});
Run Code Online (Sandbox Code Playgroud)
首先,我不知道怎么打电话$routeParams来得到pagenumber.我尝试注入$routeProvider控制器,但这没有帮助.它似乎也没有$scope.
其次,我不知道是否应该在控制器中放置DOM操作的代码.我只是坚持在那里尝试让它工作(如果我替换它,它会为一页height = document.getElementById('page' …