Javascript 角度控制器不打印要查看的变量

角度控制器未与视图对话。包括ng应用程序和ng控制器

使用meanJS

以下是视图：

<section ng-app="my-module" ng-controller="MyModuleController">
  <div>
    {{ costumers[0] }}
  </div>
</section>

---

像这样初始化空的依赖关系注入器到应用程序模块

  angular
    .module('my-module',[])
    .controller('MyModuleController', MyModuleController);

小旁注。如果希望在控制器内部使用

this

声明变量，请避免使用

scope

。在html中，也使用控制器作为

（函数（）{
"严格使用",；
有棱角的
.module（'my-module'，[]）
.controller（“MyModuleController”，MyModuleController）；
MyModuleControl.$inject=['$scope']；
函数MyModuleController（$scope）{
var vm=这个；
//我的模块控制器逻辑
// ...
$scope.customers=[{
姓名：“约翰·多伊”，
城市：“纽约”
}, {
姓名：“彼得·格里芬”，
城市：“旧金山”
}];
init（）；
函数init（）{
}
}
})();

{{客户[0]}
尝试使用
vm
代替
$scope
：

function MyModuleController($scope) {
    var vm = this;

    vm.costumers = [{
      name: 'John Doe',
      city: 'New York'
    }, {
      name: 'Peter Griffin',
      city: 'San Francisco'
    }];

    init();

    function init() {

    }
  }

HTML:


{{vm.customers[0]}
在脱掉几根头发后，我解决了这个问题。问题在于路由文件，控制器名称中的一个简单拼写错误。浏览器控制台上列出的“参数'MyModuleControl'不是函数，未定义”，表明该参数拼写错误。它的目的是MyModuleControl，而不是MyModuleControl。谢谢大家的帮助，问题解决了

以下是固定路由文件：

(function() {
  'use strict';

  //Setting up route
  angular
    .module('my-module')
    .config(routeConfig);

  routeConfig.$inject = ['$stateProvider'];

  function routeConfig($stateProvider) {
    // My module state routing
    $stateProvider
      .state('my-module', {
        url: '/my-module',
        templateUrl: 'modules/my-module/client/views/my-module.client.view.html',
        controller: 'MyModuleController',
        controllerAs: 'vm'
      });
  }
})();

浏览器控制台中有任何内容吗？你能看到正确的HTML吗？@Mr.Arjun angular.js:11706错误：[ng:areq]参数“MyModuleControl”不是函数，未定义如果它不是现有的应用程序，那么
模块（'my-module'，[]）
@Michelem你是什么意思？那么你还有其他问题吗？我忘了你还需要更改这个：

<section ng-app="my-module" ng-controller="MyModuleController as vm">
  <div>
    {{ vm.costumers[0] }}
  </div>
</section>

(function() {
  'use strict';

  //Setting up route
  angular
    .module('my-module')
    .config(routeConfig);

  routeConfig.$inject = ['$stateProvider'];

  function routeConfig($stateProvider) {
    // My module state routing
    $stateProvider
      .state('my-module', {
        url: '/my-module',
        templateUrl: 'modules/my-module/client/views/my-module.client.view.html',
        controller: 'MyModuleController',
        controllerAs: 'vm'
      });
  }
})();