Angular JS 定义多个控制器

js里面的写法是这样的,只有一个var app变量 也只有一个myApp模块

 <script type="text/javascript">
          var app = angular.module('myApp', []);
          app.controller("myPositionCtrl", function ($scope, $http) {

          $http.get("..json数据").then(function (recode) {
              $scope.myPositiondata = recode.data.dataList;
          });
      });
      app.controller("myInfoCtrl", function ($scope, $http) {
          $http.get("..json").then(function (myData) {
              $scope.myInfodata = myData.data;
          });
      });
</script>

在html页面中有一个总的DIV模块,标注上ng-app=“myAPP”
子模块的DIV用到那个controller就写ng-controller="controller名"

像这样子

<div ng-app="myApp">
      <div ng-controller="myPositionCtrl"></div>
      <div ng-controller="myInfoCtrl"></div>
</div>

这样,在div中就可以用{{}}取到json数据值了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。