Angularjs no module error

Question

Not sure what's wrong with my code, I got error of angular.min.js:17 Uncaught Error: No module: MyApp

(function() {
  angular.module("MyApp")
    .controller('MyCtrl', myController);

  function myController() {
    var vm = this;

    var item = [{
      "name": "James",
      "age": 20
    }, {
      "name": "John",
      "age": 20
    }]


  }
})();

I did declare this in the view <div ng-app="MyApp">

Add the dependencies array as a second parameter to your module declaration. angular.module('MyApp', []) — Prateek Gupta
– Prateek Gupta, Commented Sep 6, 2016 at 17:39
@PrateekGupta I see. Thanks, but what's wrong here? jsfiddle.net/qnr187m2 — Sonia A.
– Sonia A., Commented Sep 6, 2016 at 17:56
@SoniaA. As i mentioned in my comment below my answer. AngularJS introduced support for “Controller as” syntax in version 1.1.5. You are using version 1.1.1 in that fiddle — cnorthfield
– cnorthfield, Commented Sep 6, 2016 at 18:08

cnorthfield · Accepted Answer · 2016-09-06 17:36:39Z

2

The issue is your just getting a reference to the module MyApp. To create the module MyApp you need to pass an array as the second parameter like so:

app.js

(function(){
    // create the module MyApp
    angular.module('MyApp', []);

})();

controller.js

(function() {

  // get the reference to MyApp and create the controller
  angular.module("MyApp")
    .controller('MyCtrl', myController);

  function myController() {
    var vm = this;

    var item = [{
      "name": "James",
      "age": 20
    }, {
      "name": "John",
      "age": 20
    }]

  }

})();

From the documentation:

angular.module(name, [requires], [configFn]);

requires - If specified then new module is being created. If unspecified then the module is being retrieved for further configuration.

answered Sep 6, 2016 at 17:36

cnorthfield

3,51119 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sonia A. Over a year ago

any idea controller as doesn't work here? jsfiddle.net/qnr187m2

cnorthfield Over a year ago

Yes, AngularJS introduced support for “Controller as” syntax in version 1.1.5. You are using version 1.1.1 in that fiddle :)

user6801750 · Accepted Answer · 2016-09-06 19:06:25Z

Sonia A - In your jsfiddle, just change the "JavaScript Frameworks & Extensions" to "AngularJS 1.4.8" and it starts working correctly.

Below is the fork for the same jsfiddle: http://jsfiddle.net/vcvv04hb/

(function() {
  angular.module("MyApp",[])
    .controller('MyCtrl', myController);

  function myController() {
    var vm = this;
    vm.items =  [{
      "name": "James",
      "age": 20
    }, {
      "name": "John",
      "age": 20
    }];
  }
})();

<div ng-app="MyApp">
  <div ng-controller="MyCtrl as vm">
    <ul>
      <li ng-click="vm.viewDetail = true" ng-repeat="item in vm.items">{{item.name}}
        <small ng-show="vm.viewDetail">{{vm.item.age}}</small>
      </li>
    </ul>
  </div>
</div>

Collectives™ on Stack Overflow

Angularjs no module error

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related