如何在同一个域上运行2个AngularJS应用程序?

时间:2015-12-11 04:47:01

标签: javascript angularjs yeoman-generator-angular

我有2个应用。主页应用和仪表板应用。现在我在同一个域上运行这两个应用程序。首先运行默认应用程序homepageApp。当homepageApp链接到dashboardApp时,它应该运行此应用程序。如何配置?

2 个答案:

答案 0 :(得分:0)

如果它在同一个域内,那么我认为您可以使用相同的应用程序实现它。只需要定义适当的控制器来重定向不同的页面。

答案 1 :(得分:0)

我认为您正在寻找的是模块:https://docs.angularjs.org/guide/module

这些将允许您的应用程序依赖于两组不同的控制器/过滤器/指令/等。例如:

<强> HTML

<html ng-app="newApp">
<body>
  <div ng-controller="newAppController">
    {{ greeting }}
  </div>
  <div ng-controller="homepageController">
    {{ greeting }}
  </div>
  <div ng-controller="dashboardController">
    {{ greeting }}
  </div>
</body>
</html>

<强> JS

angular.module("homepageApp", [])
  .controller("homepageController", function($scope) {
    $scope.greeting = "Hello Homepage";
  });

angular.module("dashboardApp", [])
  .controller("dashboardController", function($scope) {
    $scope.greeting = "Hello Dashboard";
  });

angular.module("newApp", ["homepageApp", "dashboardApp"])
  .controller("newAppController", function($scope) {
    $scope.greeting = "Hello World";
  });