Question

以前曾经问过，但它没有回答我的问题。我对角度很新，我现在只是将事情放在一起。我想让我的工厂在我的控制器内工作。但是我在控制台中一直收到以下错误：

Argument 'indexController' is not a function, got undefined

我打破了不同目录中的服务和控制器，并将服务和控制器<script>添加到index.html文件中。

我正在使用IntelliJ并使用其插件来创建样板。

<body >
  <ul class="menu">
    <li><a href="#/view1">view1</a></li>
    <li><a href="#/view2">view2</a></li>
  </ul>


  <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <div>

          <p>Name: <input type="text" ng-model="name"> </p>
          <h1>Hello {{name}}</h1> //this works just fine

  </div>

  <div ng-controller="indexController"> //doesn't appear
      <ul>
          <li ng-repeat="x in nameArray">
              {{x.name + ' is : '+x.age+' years old'}}
          </li>
      </ul>

  </div>

控制器：

angular.module('myApp',[])
    .controller('indexController', ['$scope', 'Contact', function($scope, Contact){

        var names = [
            {name:'Drew' , age: 30},
            {name:'Meike', age: 32},
            {name:'Garry', age:64}
        ];

        Contact.add(names);

    $scope.nameArray = Contact.get();



}]);

FactoryService：

angular.module('myApp',[])
    .factory('Contact', function ContactFactory(){
        var personNames = [];
        return{

            add: function(name) {
                personNames.add(name);
            },

            get: function(){
                return personNames;
            }

        }

    });

Answer 1

您不应在FactoryService内再次重新创建角度模块myApp，当您再次创建myApp模块时，它会将旧的已注册组件刷新到该模块。因此，当您注册FactoryService时，它会删除旧的寄存器组件，此处它将删除indexController控制器。当ng-controller指令被评估时，它会搜索模块内的indexController控制器并抛出错误

应该是

angular.module('myApp')
    .factory('Contact', function ContactFactory(){

而不是

angular.module('myApp',[])
    .factory('Contact', function ContactFactory(){

参数＆＃39; indexController＆＃39;不是一个函数，未定义

1 个答案: