Angularjs 角度+;ui.router-ui视图内部ui视图父项问题

Angularjs 角度+;ui.router-ui视图内部ui视图父项问题,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我有以下情况: 用Angular编写的移动应用程序 没有特殊布局的登录页面-简单页面 具有特殊布局(包括页眉和页脚)的主页 也包括页眉和页脚的内部页面 因此,我希望能够使用两种布局1-空白2-与页眉和页脚 在我的index.html页面上,我添加了: <div ui-view class="app-content"></div> 在layout.html中,我再次使用了相同的ui视图: <!-- App Body --> <div class=

我有以下情况:

用Angular编写的移动应用程序

  • 没有特殊布局的登录页面-简单页面
  • 具有特殊布局(包括页眉和页脚)的主页
  • 也包括页眉和页脚的内部页面
  • 因此,我希望能够使用两种布局1-空白2-与页眉和页脚

    在我的index.html页面上,我添加了:

    <div ui-view class="app-content"></div>
    
    在layout.html中,我再次使用了相同的ui视图:

    <!-- App Body -->
        <div class="app-body" ng-class="{loading: loading}">
            <div class="app-content">
                <div ui-view></div>
            </div>
        </div>
    
    我-但是你的问题片段是1:1。根据你展示的代码,我必须说:

    您的所有(显示的)代码都正确且正常工作。问题在别处

    可能是在别处丢失了一些
    ui视图

    <div class="app-body" ng-class="{loading: loading}">
        <div class="app-content">
            <div ui-view></div>
        </div>
        // suspected to me is lost child ... with the ui-view attribute
        <div ui-view></div> // doubled target declaration
    </div>
    
    
    //我怀疑是迷路的孩子。。。使用ui视图属性
    //双重目标宣言
    

    检查您的代码是否正常工作

    您必须至少告诉每个状态与每个模板关联的视图

    .state('homepage', {
        url: "/",
        views: {
          'parentview': {
            templateUrl: 'partials/mobile/home.html'
          }
        },
        parent: 'layout',
    })
    ....
    .state('internal-page', {
        url: "/internal/:id",
        views: {
          'subview': {
            templateUrl: 'partials/mobile/internal.html',
            controller:'InternalController'
          }
        }
        parent: 'layout'
    })
    
    模板

    <div ui-view="parentview" class="app-content"></div>
    
    
    
    谢谢,我没有找到你提到的丢失的孩子,不知道它对你有什么作用,我做错了什么,我附上了一张你可以在那里看到的图像复制品,也许这会给你一个我做错了什么的线索..你能想出什么解决办法来解决我的问题吗?我们能做的最好的办法是:改变我的plunker来重现这个问题。我很乐意协助并帮助找到一种方法,似乎它与括号无关,它也发生在一个简单的视图中,没有父视图,这意味着出于某种原因,它会乘以ui视图,我会附加应用程序配置和我使用的模块,但我不能让它发生在遥控器上。我想说:这永远不会发生在我身上。我确实大量使用UI路由器。我甚至创造了一个工作的plunker。除非你能向我提供它的更新-不工作,否则我帮不了你(即使我愿意)。简单地说,双重渲染意味着:有两个锚。。。根据我的经验。。。
    <div class="app-body" ng-class="{loading: loading}">
        <div class="app-content">
            <div ui-view></div>
        </div>
        // suspected to me is lost child ... with the ui-view attribute
        <div ui-view></div> // doubled target declaration
    </div>
    
    .state('homepage', {
        url: "/",
        views: {
          'parentview': {
            templateUrl: 'partials/mobile/home.html'
          }
        },
        parent: 'layout',
    })
    ....
    .state('internal-page', {
        url: "/internal/:id",
        views: {
          'subview': {
            templateUrl: 'partials/mobile/internal.html',
            controller:'InternalController'
          }
        }
        parent: 'layout'
    })
    
    <div ui-view="parentview" class="app-content"></div>