美文网首页我爱编程
Angular JS 定义多个控制器

Angular JS 定义多个控制器

作者: EthanTseng | 来源:发表于2018-04-25 09:37 被阅读0次

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数据值了。

相关文章

网友评论

    本文标题:Angular JS 定义多个控制器

    本文链接:https://www.haomeiwen.com/subject/kodelftx.html