AngularJS - 단일 페이지에 대한 복수 $ http 요청

Question

나는 angularJS로 단일 웹 페이지를 개발 중입니다. 페이지에는 JSON으로 값을 반환하는 다른 서비스의 내용이 표시되어야합니다. 아래처럼 사용하고

,

보기 파일 :

<div ng-app="phonecat"> 
    <div ng-view></div> 
</div> 

<div ng-app="tabletcat"> 
    <div ng-view></div> 
</div> 

응용 프로그램의 js 파일

angular.module('phonecat', []). 
    config(['$routeProvider', function($routeProvider) { 
    $routeProvider. 
     when('', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). 
     otherwise({redirectTo: '/phones'}); 
}]); 

angular.module('tabletcat', []). 
    config(['$routeProvider', function($routeProvider) { 
     $routeProvider. 
     when('', {templateUrl: 'partials/tablet-list.html', controller: TabListCtrl}). 
     otherwise({redirectTo: '/phones'}); 
}]); 

은 제대로 전화 목록을 표시합니다. 그러나 그것은 타블렛 목록을 유발하지 않습니다.

이 작업을 수행하는 가장 좋은 방법을 제안하십시오. the documentation에서 언급 한 바와 같이

Answer 1

당신은, 같은 문서에서 여러 ngApp 지시어를 사용할 수 없습니다

ngApp (모듈 NG 지시문) 사용이 지시어에 응용 프로그램 자동 부트 스트랩. HTML 문서 당 하나의 지시문 만 사용할 수 있습니다.

controllers을 여러 개 갖고 싶습니까?

Answer 2

가 마크 업 감안할 :

<div id="phonecatElement"> 
    <div ng-view></div> 
</div> 

<div id="tabletcatElement"> 
    <div ng-view></div> 
</div> 

를 사용하여 다음과 같은

angular.bootstrap($('#phonecatElement'), ["phonecat"]); 
angular.bootstrap($('#tabletcatElement'), ["tabletcat"]);