Question

我正在开发一个带有angularJS的网页。该页面应显示来自其他服务的内容，这些服务将返回值为JSON。

我正在使用如下，

查看文件：

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

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

app js file

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'});
 }]);

正确显示电话列表。但它没有触发平板电脑列表。

建议我实现这一目标的最佳做法。

Answer 1

您不能在同一文档中使用多个ngApp指令，如the documentation所述：

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

AngularJS - 单个页面的多个$ http请求

2 个答案: