AngularJS - 连接到App.js中的另一个控制器

时间:2016-07-31 02:11:00

标签: javascript angularjs

在我的app.js文件中,我试图用我的控制器调用另一个js文件,但我现在无法处理。

我试图使用controllerURl,但他坚持要调用标准文件 controllers.js`

可能有些帮助我可以调用另一个文件吗?

App.js

.state('app.mapa', {
  url: '/mapa',
  views: {
    'menuContent': {
      templateUrl: 'templates/mapa.html',
      controllerUrl: 'controllers/mapa.controller'
    }
  }
})

mapa.controller.js

var app = angular.module("myModule", []) 
.controller("myController", function ($scope, $http) 
  { 
    console.log("teste");
    $http.get("http://localhost:20432/WebService1.asmx/listPessoas") 
    .then(function (response) { $scope.pessoas = response.data; }); });

Mapa.html模板

<html ng-app="myModule">
  <head>
    <meta charset="utf-8">
    <title>Map</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
    <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
  </head>
  <body ng-controller="myController" data-ng-init="init()">
    <ion-header-bar class="bar-dark" >
      <h1 class="title">Map</h1>
    </ion-header-bar>
    <ion-content>
      <div class="map-container" ng-show="$root.enableMap">
        <div id="map" data-tap-disabled="true"></div>
      </div>
    </ion-content>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

你到底想要什么?

如果要将值从控制器传送到另一个控制器,可以使用$rootScope。每个应用只有一个Root Scope,您可以将其注入ng-controller

但更好的做法是使用service