如何在同一個域上運行2個AngularJS應用程序？

我有2個應用程序。主頁應用程序和儀表板應用程序。現在我在同一個域上運行這兩個應用程序。首先運行默認應用程序homepageApp。當homepageApp鏈接到dashboardApp時，它應該運行這個應用程序。如何配置這個？如何在同一個域上運行2個AngularJS應用程序？

來源

2015-12-11 van tinh

有這個問題的答案，請通過以下鏈接[http://stackoverflow.com/questions/檢查16342603/how-to-run-two-separate-angular-js-apps-in-the-the-page]或者你可以看到角度js文檔的FYI：[https://docs.angularjs.org/guide/bootstrap ] –

如果它在同一個域內，那麼我認爲你可以使用相同的應用程序來實現它。它只是你需要定義適當的控制器來重定向不同的頁面。

來源

2015-12-11 04:54:11 amitprot

謝謝你。但是從yeoman生成2個應用程序（2個文件夾不同）。 –

看起來它已經被回答過了，看看它。希望能幫助到你。 http://stackoverflow.com/questions/16342603/how-to-run-two-separate-angular-js-apps-in-the-same-page – amitprot

我想你要尋找的是模塊：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>

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"; 
    });

來源

2015-12-11 05:04:02 morloch

如何在同一個域上運行2個AngularJS應用程序？

回答

相關問題