Angular Js Get Element Height and Width
Angular Js Get Element Height and Width:To get the height and width of an element in AngularJS, you can use the built-in
$window
and $document
services. First, inject these services into your controller or directive. Then, use the $document
service to select the element using querySelector
or getElementById
. Finally, use the offsetHeight
and offsetWidth
properties of the selected element to obtain its height and width, respectively. written
reviewed
updated
Thanks for your feedback!
Your contributions will help us to improve service.
How can I retrieve the height and width of an element using AngularJS?
This AngularJS code snippet demonstrates how to get the height and width of an element using AngularJS.
The HTML markup includes a <div>
element with the ng-app
and ng-controller
directives to define the AngularJS application and controller. The ng-init
directive is used to initialize a function called getElementDimensions()
.
Inside the controller, the getElementDimensions()
function is defined. It retrieves the element using the $element
service and the querySelector
method with the element's ID. Then, it uses the offsetHeight
and offsetWidth
properties to obtain the height and width of the element, respectively.
Output of Angular Js Get Element Height and Width
Ad