角度如何根据另一个元素更新元素宽度

Question

On my page, the left side I have a side bar menu with can be hide and show. and on the right side is the main page content, it changes its width according to the status of the sidebar.

Now In the main page content I have a div which has been set as position:fixed on the top of the screen. I want this div keep the same width as the main page and get updated each time the main page content width has changed( when side bar hide/show or the window width has been changed) how to make this in angular please? Thank you very much.

Answer 1

If you are using jquery, You can change the width of one element same as other element using following code:

$(document).ready(function() {
  $(".second_elem").css({
    'width': ($(".first_elem").width() + 'px')
  });
});