小编Meh*_*egh的帖子

在angularjs自定义指令中使用时,ui-view不起作用

我想在自定义angularjs指令中包含一些ui-view元素

<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>
Run Code Online (Sandbox Code Playgroud)

自定义指令除了转换内容外什么都不做:

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

请参阅 Plunker中的演示

似乎ui-view不喜欢被包装,因为当我删除包装元素时,演示工作没有问题.这是ui-router中的错误还是我做错了什么?

更新:

显然这是一个已知问题. 问题774问题886

javascript angularjs angularjs-directive angular-ui-router

1
推荐指数
1
解决办法
1887
查看次数