美文网首页我爱编程
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