Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs使用注入模块';路由定义中的控制器_Angularjs_Angularjs Routing_Angularjs Module - Fatal编程技术网

Angularjs使用注入模块';路由定义中的控制器

Angularjs使用注入模块';路由定义中的控制器,angularjs,angularjs-routing,angularjs-module,Angularjs,Angularjs Routing,Angularjs Module,我是angular的新手,我正在尝试模块化我的应用程序 我的主模块得到一些其他模块,我想在路由定义中使用注入模块的控制器。 一些简单的例子会很有帮助 这不起作用: var app = angular.module('Contacting_App', ['LeadLookup']); app.config(['$routeProvider', function($routeProvider) { $routeProvider.

我是angular的新手,我正在尝试模块化我的应用程序

我的主模块得到一些其他模块,我想在路由定义中使用注入模块的控制器。 一些简单的例子会很有帮助

这不起作用:

var app = angular.module('Contacting_App', ['LeadLookup']);

app.config(['$routeProvider', function($routeProvider) {
                    $routeProvider.
                        when('/main', 
                            {controller: 'MainCtrl', 
                            templateUrl: 'apex/f42_Contacting_Main'}
                        ).
                        when('/lead', 
                            {module: 'LeadLookup',
                            controller: 'LeadLkpCtrl', 
                            templateUrl: 'apex/f42_Lead_Lookup'}
                        ).
                        otherwise(
                            {redirectTo: '/main'}
                        );
                }]);

本教程页面可能会为您指出正确的方向docs.angularjs.org/tutorial/step_07

您应该注意的主要事项有:

模块

var phonecatApp = angular.module('phonecatApp', [
  'ngRoute',
  'phonecatControllers'
]);
路由提供者

phonecatApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/phones', {
        templateUrl: 'partials/phone-list.html',
        controller: 'PhoneListCtrl'
      }).
      when('/phones/:phoneId', {
        templateUrl: 'partials/phone-detail.html',
        controller: 'PhoneDetailCtrl'
      }).
      otherwise({
        redirectTo: '/phones'
      });
  }]);
控制器

var phonecatControllers = angular.module('phonecatControllers', []);

phonecatControllers.controller('PhoneListCtrl', ['$scope', '$http',
  function ($scope, $http) {
    $http.get('phones/phones.json').success(function(data) {
      $scope.phones = data;
    });

    $scope.orderProp = 'age';
  }]);

phonecatControllers.controller('PhoneDetailCtrl', ['$scope', '$routeParams',
  function($scope, $routeParams) {
    $scope.phoneId = $routeParams.phoneId;
  }]);

感谢您的回复!也许我应该更详细地解释一下我想做什么:在/main页面上有一个按钮,它指向/lead页面。一些数据在这里由LeadLkpCtrl获取,并将由服务(这里还不存在)传递回MainCtrl。至少这是我计划要做的。。如果有更好的方法,我会很高兴听到;)所以这部分基本上不起作用:当('/lead',{module:'LeadLookup',controller:'LeadLkpCtrl',templateUrl:'apex/f42_lead_Lookup'})共享数据不是我的问题;)我想告诉angular使用LeadLkpCtrl作为/引导路线-就是这样:)不,我在一篇帖子中找到了它。。。当我在文档中找不到该属性时,我也感到困惑…@MarcoSchmit本教程页面可能会为您指出正确的方向。“应用程序模块”和“控制器”中的信息似乎就是您要查找的。