0

Angular 模块定义为：

angular.module('module1',['ngRoute']);

module1的路由定义为

 module1.config(function($routeProvider) 
 {
      $routeProvider
      .when('/Application1',
       {
            templateUrl: 'Application1/Application1_HomePage.html',
       })         
      .otherwise({
          templateUrl: 'MainPage.html',
          controller: 'ctrl'
      )}
 });

控制器ctrl定义为：

 module1.controller('ctrl',function($scope,$location)
 {
         $scope.goToApp1 = function()
         {
              $location.path('/Application1',true);
         }
 });

外壳页面如下：

<html ng-app="module1">
   <body>
      <div ng-view>   </div>                   
   </body>
</html>

Application1_HomePage.html 包含另一个 ng-app，而不是 shell 页面 ng-app module1。

从上面显示的 shell 页面中，当通过 routeProvider 调用 Application1_HomePage.html 时，在 Application1_HomePage.html 中编写的 ng-app 的初始化失败。浏览器检查器清楚地显示了 DOM 之外的任何内容。

考虑到上述情况，我如何才能从一个 ng-app 导航到另一个 ng-app？

4

1 回答 1

0

假设两个模块都有一个入口页面，您可以只放置一个指向另一个应用程序页面的链接，例如：

您加载 module1Index.html 并在该页面上放置指向 module2Index.html 的链接：

<a href="http://module2.com"></a>

如果您需要将两个模块放在同一页面上，只需在另一个中包含一个：

angular.module('module1', ['module2']);
于 2016-01-13T16:15:00.347 回答