ui-view doesn't work when used inside angularjs custom directives

[mehradoo]

I want to wrap some ui-view elements inside a custom angularjs directive.

<wrapper>
    <ul>
      <li><a ui-sref="route1">Route 1</a></li>
      <li><a ui-sref="route2">Route 2</a></li>
    </ul>

    <div class="well" ui-view="viewA"></div>        
    <div class="well" ui-view="viewB"></div>        
</wrapper>

The custom directive does nothing but transcluding the content:

myapp.directive('wrapper', function($compile){
    return {
        restrict: 'E',
        replace: true,
        transclude:true,
        template: '<div class="godWrapper" ng-transclude></div>'
    };
});

See the demo in Plunker: http://plnkr.co/edit/bNb2q8KV1u6cgKgTyODo?p=preview

It seems that ui-view doesn't like to be wrapped as when I remove the wrapper element the demo works with no problem.

source: http://stackoverflow.com/questions/21994715/ui-view-doesnt-work-when-used-inside-angularjs-custom-directives

[timkindberg]

I think this is a duplicate of #774