Inserting module with controller in function AngularJS

Question

why if I insert angular module with controller into function, angularjs stop working?

(function() {
      var app = angular.module("app", []);

      app.controller("c1", function($scope){

          $scope.name = "Hello World!";

      });  
 });

What does stop working mean? What errors show up? – Sterling Archer Nov 17 '17 at 19:52 — Sterling Archer, Nov 17 '17 at 19:52
no error in the console – Aneta Jabłońska Nov 17 '17 at 20:02 — Aneta Jabłońska, Nov 17 '17 at 20:02
Your function is not being called! – Don Nov 17 '17 at 20:50 — Don, Nov 17 '17 at 20:50

lealceldeiro · Accepted Answer · 2017-11-17T20:36:49.520

You neglected the code of the IIFE (parenthesis at the end: () ).

Below there is a snippet with your sample corrected.

(function() {
  var app = angular.module("app", []);

  app.controller("c1", function($scope){

  $scope.name = "Hello World!";

  });  
})(); //<< -- here!! See the closing ()

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app" ng-controller="c1">
{{name}}
</div>

You can read more about IIFE here:

Inserting module with controller in function AngularJS

1 Answers1