anglejsのコントローラ間でIDを取得する

Question

私はfrontapp.jsとdepartmentapp.jsのような2つのapp.jsを持っています SchoolController.jsの下にあるschool.htmlはfrontapp.jsに属しています。私はすべての学校と部門を取得しています。私は、ページがDepartmentHomeController.js下にあるdepartmenthomepageにリダイレクトされdepartmentNameをクリックしていますschoolIdは、 をdepartmentapp.js属するいずれかdepartmentName

SchoolController.js

をクリックしたときに私がDepartmentIdのを得ることができますどのように私を提案することができます

$scope.getallschools = function() { 
    SchoolService.getallschools().then(function(response) { 
    $scope.allschools = response.data; 
    }); 
} 

allschoo LS自体が、私は

<div class="col-xs-12 col-sm-6 col-md-6" data-ng-repeat="school in allschools"> 
    <div class="row"> 
    <div class="col-xs-12 col-sm-12 col-md-12"> 
     <h5>{{school.schoolName}}</h5> 
     <ul data-ng-repeat="department in school.departments"> 
     <li><a href="./department"> {{department.departName}}</a></li> 
     </ul> 
    </div> 
    </div> 
</div> 

DepartmentHomeController.jsここで私はハード私はdepartmentNameをクリックすることで、動的にDepartmentIdのを得ることができる方法DepartmentIdのコード化された

$scope.departmentId = 20 
DepartmentHomeService.getThemeForDepartment($scope.departmentId) 
    .then(function(response) { 
    console.log("received theme"); 
    if(response.data != undefined) {    
    $scope.cssFile = response.data; 
    console.log($scope.cssFile); 
    $('head').append('<link rel="stylesheet" type="text/css" media="screen" 
     href='+$scope.csspath + $scope.cssFile +'>'); 
    } else { 
    $('head').append('<link rel="stylesheet" type="text/css" media="screen" 
     href='+$scope.csspath + $scope.cssFile +'>'); 
    } 
}); 

schools.html

schoolId

で部署を取得しています。

Answer 1

これにはさまざまな方法があります。状態とコントローラを管理するためにuiルータを使用している場合は、ui-sref = "stateName /：id"を渡すことができます。あなたのhref内の他の

は単に

<a href="/department/5"> 

それは動作します好きにURLを変更してみてください。エルス

あなたはそれはあなたが[UI-ルータ]（HTTPSのような別のhtmlページ、使用ルーターを持っている場合は通信が

What's the correct way to communicate between controllers in AngularJS?