title: AdminLTE - data-widget="tree" - Open menu by default
body: <p>I'm using AdminLTE in a Angular 4 Application.</p>
  
  <p>I have links on the left menu, I used data-widget="tree" to display the left menu.</p>
  
  <p>It looks like this when it is open:</p>
  
  <p><a href="https://i.stack.imgur.com/ftoHw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ftoHw.png" alt="enter image description here"></a></p>
  
  <p>And like this when it's closed:</p>
  
  <p><a href="https://i.stack.imgur.com/wwoxk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wwoxk.png" alt="enter image description here"></a></p>
  
  <p>I want to menu to be open by default when the page is loaded, I can't find an option for this in the <a href="https://adminlte.io/docs/2.4/js-tree" rel="nofollow noreferrer">documentation</a></p>
  
  <p>One solution I can think of is to trigger a click from the component at component initialization but I don't know how I can achieve this as I can't dynamically generate <a href="https://stackoverflow.com/questions/33982258/angular-2-dynamic-template-variable-names-for-dynamiccomponentloader">template reference variables.</a></p>