각도 컨트롤러에서 하나의 컨트롤러를 호출

Question

나는 HomeController를 LoginController 아래에서 호출하려고합니다. 아래 두 컨트롤러의 코드입니다 :

//Login controller 
    app.controller('LoginController', function ($scope, $cookieStore) { 
     $cookieStore.put('email','test@gmail.com'); 
     // need to call Homecontroller here 
    }); 

// Home controller 
app.controller('HomeController', function ($scope, $cookieStore, $location) { 


     if ($cookieStore.get('email') != null) { 
      $scope.wecomeMessage = $cookieStore.get('email'); 
     } 
     else 
     { 
      $scope.wecomeMessage = ""; 
     } 
    }); 

Answer 1

나는 각도의 컨트롤러의 책임을 오해 한 것 같아요.

는 각 워드 프로세서에서 컨트롤러를 사용하는 방법 :

사용 컨트롤러로 :

• 는 $ 범위 객체의 초기 상태를 설정합니다.

• $ scope 개체에 비헤이비어를 추가합니다. DOM을 조작

  • - 컨트롤러는 비즈니스 로직을 포함해야한다 :

  는에 컨트롤러를 사용하지 마십시오.

• 프리젠 테이션 로직을 컨트롤러에 넣으면 테스트 가능성이 크게 영향을받습니다 ( ).
• Angular는 대부분의 경우 데이터 바인딩을 사용하고 수동 DOM 조작을 캡슐화하는 지시문을 사용합니다.
• 형식 입력 - 대신 양식 컨트롤 을 사용하십시오.
• 필터 출력 - 각도 필터를 대신 사용하십시오.
• 컨트롤러에서 공유 코드 또는 상태 - 대신 각도 서비스를 사용하십시오.
• 다른 구성 요소의 수명주기를 관리하십시오 (예 : 서비스 인스턴스를 작성). 당신은 재사용 가능한 코드의 일부 블록을 만들려면

그래서, 당신은 단지 필요한 로직 기능을 포함 각도 서비스를 만들어야합니다. 그런 다음 두 컨트롤러에 모두 삽입하면 필요한 기능을 갖게됩니다.

예 :

app.controller('LoginController', function ($scope, $cookieStore, helperService) { 
    $cookieStore.put('email', 'test@gmail.com'); 

    $scope.wecomeMessage = helperService.getMessage(); 

}); 

// Home controller 
app.controller('HomeController', function ($scope, $cookieStore, $location, helperService) { 

    $scope.wecomeMessage = helperService.getMessage(); 
}); 


app.service('helperService', function ($cookieStore) { 

    this.getMessage = function() { 
     return $cookieStore.get('email') != null ? $cookieStore.get('email') : ""; 
    }; 

});