AngularJS – Directives vs Controllers

by

Here’s a brief stand-alone answer, with links to official docs for further info (definition of “services” added for good measure):

http://docs.angularjs.org/guide/controller

In AngularJS, a controller is a JavaScript constructor function that is used to augment the AngularJS scope.

When a controller is attached to the DOM via the ng-controller directive, AngularJS will instantiate a new controller object, using the specified controller’s constructor function. A new child scope will be available as an injectable parameter to the controller’s constructor function as $scope.

http://docs.angularjs.org/guide/directive

At a high level, directives are markers on a DOM element (such as an attribute, element name, or CSS class) that tell AngularJS’s HTML compiler ($compile) to attach a specified behavior to that DOM element or even to transform the DOM element and its children.

http://docs.angularjs.org/guide/services

AngularJS services are substitutable objects that are wired together using dependency injection (DI). You can use services to organize and share code across your app.

More Related Contents:

  1. angular ng-bind-html and directive within it
  2. How to call a method defined in an AngularJS directive?
  3. How to use a keypress event in AngularJS?
  4. Angular directives – when and how to use compile, controller, pre-link and post-link [closed]
  5. Angularjs dynamic ng-pattern validation
  6. What is the difference between ng-app and data-ng-app?
  7. Easiest way to pass an AngularJS scope variable from directive to controller?
  8. Using angularjs filter in input element
  9. if a ngSrc path resolves to a 404, is there a way to fallback to a default?
  10. How to autocapitalize the first character in an input field in AngularJS?
  11. calling method of parent controller from a directive in AngularJS
  12. How to understand the `terminal` of directive?
  13. Custom form validation directive to compare two fields
  14. AngularJS : ng-repeat filter when value is greater than
  15. AngularJS Group By Directive without External Dependencies
  16. How to modify scope from within a directive in AngularJs
  17. Binding variables from Service/Factory to Controllers
  18. How to use “ng-repeat” within template of a directive in Angular JS?
  19. AngularJS custom form component / directive using ng-model
  20. How can you limit the value from input using AngularJS?
  21. How to set the dynamic controller for directives?
  22. Bind class toggle to window scroll event
  23. Angular adds strange options into select element when setting model value
  24. Enable/Disable Anchor Tags using AngularJS
  25. Illegal use of ngTransclude directive in the template
  26. How to use `replace` of directive definition?
  27. How to implement an ng-change for a custom directive
  28. How to create a directive with a dynamic template in AngularJS?
  29. Access Parent Scope in Transcluded Directive
  30. how do I get ng-include directive to work with a Content Delivery Network?

Leave a Comment