不同模塊之間的角度路由

我有兩個模塊 - App1和App2。 App1有一個控制器，Main。 App2有2個控制器，第一個和第二個。我在App1的主控制器的模板（mainTemp）中有一個按鈕。點擊該按鈕如何路由到App1模塊中第一個控制器的模板（firstTemp）？不同模塊之間的角度路由

這是我的應用2模塊看起來喜歡 -

angular.module('App1', ['ngRoute']) 
.config(function ($routeProvider, $locationProvider) { 

$routeProvider 
.when('/first', { 
    templateUrl: '/Template/firstTemp.html', 
    controller: 'First' 
}) 
.when('/second', { 
    templateUrl: '/Template/secondTemp.html', 
    controller: 'Second' 
}) 
$locationProvider.html5Mode(false).hashPrefix('!'); 
}) 
.controller('First', function ($scope, $http, $location) { 

    $scope.savedata = function (employee) { 

     $scope.employees = ""; 
     $http.post("/Data/AddEmployee", { empl: employee }) 
     .success(function (result) { 

      $scope.employees = result; 
      $location.path('/second'); 
     }) 
     .error(function (result) { 
      alert(result); 
     }); 
    } 
}) 
.controller('Second', function ($scope,$http) { 
})

，這是應用1的主控制器的模板（mainTemp）模塊 -

<div ng-app="App2" ng-controller="Main"> 
    <input type="button" value="submit" name="btnSave" ng-click="route_()" /> 
</div>

來源

2016-09-29 sowmyaa guptaa

頁面中只能有一個'ng-app'。除了主模塊之外的所有模塊都必須作爲依賴注入 – charlietfl

有三種方法，你可以用它來解決此問題：

爲兩者創建頂級模塊並在ng-app="app" direc中使用它略去。

變種APP1 = angular.module（ 'APP1'，[]）

變種APP2 = angular.module（ 'APP2'，[]）

變種應用= angular.module（ '應用' ，['app1'，'app2'，'ngRoute']）;
將app1添加爲app2的依賴項。在html：ng-app="app2"

變種應用= angular.module（ 'APP1'，[ 'ngRoute']）

變種APP2 = angular.module（ 'APP2'，[ 'APP1']）
只有一個模塊。即使它跨越不同的文件。

變種應用= angular.module（ '應用'，[ 'ngRoute']）

變種應用= angular.module（ '應用'）

就個人而言，我更喜歡第三種方法。

來源

2016-09-29 12:29:19

不同模塊之間的角度路由

回答

相關問題