Home/ Questions/Q 9108511
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T02:49:33+00:00

Hey all I’m trying to get a feel for angular and have ran into

  • 0

Hey all I’m trying to get a feel for angular and have ran into a little snag.

I have a container structure like the following:

<div class="main-container" ng-view>
    <!-- The below divs are constantly being 
         reloaded based on the current URL and it's associated view -->
    <div class="left-col">
    </div>
    <div class="right-col">
    </div>
</div>

Before I implemented Angular I just had a simple script that would check the height of the window and set the height of the left column and right column divs accordingly.

With angular there is probably a better way to do this then attaching an event function to the window object. Basically I want to fire a function everytime a new view is rendered but not duplicate the below code in all of my angular controllers like so:

$scope.$on('$viewContentLoaded', setColumnHeight);

Any help would be appreciated. Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve solved this problem in my app by having a root “Application Controller” at the top of the DOM tree. For example:

    <body ng-controller='applicationController'>
...
<div class="ng-view"></div>
...
</body>

    applicationController is always there, and can set up bindings on its scope when it is created.

    • 0