Question

我在这里询问ng-controller使用两个非互相嵌套的ng-app，有两个不同的ng-app，我有一个问题是如何从ng-访问控制第一个ng-app的控制器到第二个？

<div ng-app="firstOne">
<div ng-controller="contrl">
<input type="text" ng-model="sender_Name"/>
</div>
</div>
<div ng-app="secondOne">
<div ng-controller="contrl">
<h2>{{sender_Name}}</h2>
</div>
</div>

Answer 1

您不能使用JavaScript应用程序在文件系统上询问文件的内容。 AngularJS与它无关。浏览器根本不会让你这样做，因为这将是一个巨大的安全漏洞。

考虑一下 - 你转到我的页面“you-have-been-hacked.com”，其中 MY 脚本循环遍历所有个人文档，然后将它们静默地发送到我的远程应用程序。你甚至都不知道！这就是浏览器不允许你这样做的原因。

要使用Angular和JSON，请考虑使用一些使用JSON的第三方API（如Twitter REST API）或在本地Apache服务器上发布您的JSON文件。你可以这样学习。

Answer 2

只需将countries.json文件放在数据目录中，此目录应位于app文件夹或脚本文件夹中。如下所示：

应用
- CSS
- 部分
- JS
- 的index.html
- 数据
  - countries.json

然后替换这部分代码：

$http.get('data/countries.json').success(function(data){

      $scope.countries=data;
      })
   .error(function(error){
       console.log(error);
   })

});

和其他控制器一样：

countryAp.controller('countryDetail',function($scope,$routeParams){
     $scope.name=$routeParams.countryName;
});

如何使用另一个ng-app的ng-controller？

2 个答案: