AngularJS Partial Directive Dropdown Not Working -

AngularJS Partial Directive Dropdown Not Working -

i adding dropdown sidebar loading directive partial template. css loading fine base.html dropdown not working in sidebar.html. if cutting , paste html sidebar.html base.html, dropdown working fine. other css appears working. tree seems ok in partial. thanks.

base.html

<aside class="left-side sidebar-offcanvas"> <side-bar></side-bar> </aside >

sidebar.html

<div class="sidebar"> <ul class="sidebar-menu"> <li class="treeview"> <a href="#"> <i class="fa fa-bar-chart-o"></i> <span>group name</span> <i class="fa fa-angle-left pull-right"></i> </a> <ul class="treeview-menu"> <li><a href="/members/"><i class="fa fa-angle-double-right"></i> members</a></li> <li><a href="#"><i class="fa fa-angle-double-right"></i> calender</a></li> <li><a href="#"><i class="fa fa-angle-double-right"></i> albums</a></li> </ul> </li> </ul> </div>

directive:

angular.module('app') .directive('sidebar', function(appservice) { homecoming { restrict: 'e', replace:'true', templateurl: '/static/templates/sidebar.html' } });

angularjs angularjs-directive