Using ng-app without a value

by

Prior to Angular 1.3 (when you could define controllers on the global scope), Angular was able to automatically discover controllers that were defined globally.

As of Angular 1.3, all controllers have to be defined within a module, and thus, you’d get very limited functionality out of an ng-app without a module. It could potentially be beneficial for prototyping, but even there, you’re not going to get much.

So, pre-angular 1.3 usage:

<div ng-app>
   <div ng-controller="SomeController">
       {{something}}
   </div>
</div>

You could define your javascript like this and it would work:

<script>
    function SomeController($scope) {
        $scope.something = "Hello";
    }
</script>

Edit:

As mentioned in the comments, you can still enable this behavior by using $controllerProvider.allowGlobals(). That said, the Angular team has tried to deter us from defining controllers this way from the start, and should be avoided:

NOTE: Although Angular allows you to create Controller functions in the global scope, this is not recommended. In a real application you should use the .controller method of your Angular Module for your application […]

More Related Contents:

  1. how to convert the float 9.88 number to integer 9 in angularjs?
  2. ‘this’ vs $scope in AngularJS controllers
  3. How can I dynamically add a directive in AngularJS?
  4. Binary files corrupted – How to Download Binary Files with AngularJS
  5. Combating AngularJS executing controller twice
  6. AngularJS – Does $destroy remove event listeners?
  7. Difficulty with ng-model, ng-repeat, and inputs
  8. Sending event when AngularJS finished loading
  9. AngularJS vs Angular [closed]
  10. AngularJS – pass function to directive
  11. AngularJS – How to structure a custom filter with ng-repeat to return items conditionally
  12. How to skip the OPTIONS preflight request?
  13. Error: 10 $digest() iterations reached. Aborting! with dynamic sortby predicate
  14. How to select an element by classname using jqLite?
  15. Angularjs: input[text] ngChange fires while the value is changing
  16. Angular.js: How does $eval work and why is it different from vanilla eval?
  17. angular $q, How to chain multiple promises within and after a for-loop
  18. Angular JS: how to bind to promises
  19. Order by Object key in ng-repeat
  20. $apply vs $digest in directive testing
  21. Redirect using AngularJS
  22. Angular JS break ForEach
  23. Angular scope function executed multiple times
  24. How to wait till the response comes from the $http request, in angularjs?
  25. What’s the meaning of require: ‘ngModel’?
  26. Angular directive for a fallback image
  27. Is it possible to use ng-include without web server?
  28. How to detect browser using angularjs?
  29. When to use double braces {{}} in angularJS
  30. E2E mock $httpBackend doesn’t actually passThrough for me

Leave a Comment