Dropdown and Route Issues
<p>I have a dynamically populated navbar from JSON data in angularJS. </p>

<p>I have six tabs in navbar which comes from JSON data:</p>

<ul>
<li>Now when I press the 1st tab there is a <code>1st.html</code> file which will load to div. This is done using <code>ngRoute</code>. </li>
<li>2nd tab and 3rd tab works similar to work as per expectation. 4th tab is a dropdown.</li>
<li>On 4th Tab: Hover dropdown is displayed, but when clicked behind dropdown the route is directed to home because of redirect route option. If the navgiation was like from 3rd tab the user click 4th tab the dropdown should be displayed and active class should be 3rd Tab container.</li>
</ul>

<p>Please help. Your help is appreciated.</p>