Question

我想知道是否有办法在替代ng-app中更改视图？在一个页面上，我有两个ng-app。在外部ng-app中，我有一个导航包含，其中包含我的整个应用程序导航。里面是一个包含内容的ng-app。

我希望能够在＆＃34; main＆＃34;下的导航中点击链接。 ng-app并在＆＃34; order＆＃34;中更改视图NG-应用。目前，如果我点击＆＃34; main＆＃34;中的链接应用它刷新整个页面而不仅仅是＆＃34;命令＆＃34; app，因为该链接不在＆＃34; order＆＃34;应用程序。基本上我需要有角度来认为导航请求来自＆＃34; order＆＃34; NG-应用程式。

我无法在＆＃34; order＆＃34;中添加任何链接。 ng-app，因为整个导航都是基于页面的左侧，我不能有两组导航。页面必须是这样的，因为＆＃34; order＆＃34;之外的所有内容都是ng-app由MVC共享_layout页面构建。

谢谢，克里斯。

<body data-ng-app="main">

    <!-- Wrapper-->
    <div id="wrapper">

        <!-- Navigation -->
        <div ng-include="'navViews/common/navigation.html'"></div>

        <!-- Page wraper -->

        <div id="page-wrapper" class="gray-bg {{$state.current.name}}">

            <!-- Page wrapper -->
            <div ng-include="'navViews/common/topnavbar.html'"></div>

            <!-- Main view  -->

            <div class="container body-content">

<div data-ng-app="order" id="order" data-ng-controller="rootViewModel">

<h2>{{ pageHeading }}</h2>
<div class="row">
    <div class="col-md-4">

    </div>
    <div class="col-md-4">

    </div>
</div>
<hr />

<div ng-view></div>
</div>

Answer 1

我会调查ui-router。它是ngRoute的替代品。它允许多个嵌套视图。它非常灵活。

https://github.com/angular-ui/ui-router

更改不同ng-app中的视图

1 个答案: