AngularJS angular.module, $scope, $http API

Getter/setter for a module. With requires it creates a new module; without requires it retrieves an existing one.

const app = angular.module('myApp', ['ngRoute']);

Registers a controller constructor on the module; inject dependencies by parameter name or $inject annotation.

app.controller('UserCtrl', function ($scope, $http) {
  $scope.user = { name: 'Sam' };
});

Registers a singleton service instantiated with new; inject dependencies via the constructor.

app.service('UserService', function ($http) {
  this.list = () => $http.get('/api/users');
});

Registers a directive with a factory function returning a Directive Definition Object (DDO).

app.directive('hello', function () {
  return {
    restrict: 'E',
    template: '<h1>Hello, {{name}}!</h1>',
    scope: { name: '@' },
  };
});

Registers a listener callback invoked whenever the watched expression changes during the digest cycle.

$scope.$watch('user.name', function (n, o) {
  console.log('name changed', o, '->', n);
}, true);

Manually triggers the digest cycle, evaluating expr and propagating changes to watchers. Use when updating scope from non-AngularJS code.

setTimeout(function () {
  $scope.$apply(function () {
    $scope.count = 10;
  });
}, 1000);

Listens for an event broadcast ($broadcast) or emitted ($emit) on the scope hierarchy.

$scope.$on('user:login', function (event, user) {
  console.log('logged in', user);
});

Dispatches an event downward to all child scopes (and their children).

$scope.$broadcast('item:added', { id: 1 });

Performs an HTTP GET request. The returned promise resolves to a response object with data, status, headers, config.

$http.get('/api/users/1').then(function (resp) {
  console.log(resp.data);
});

Performs an HTTP POST request with a request body serialized as JSON by default.

$http.post('/api/users', { name: 'Sam' })
  .then(function (resp) { console.log(resp.data); });

Generic request method using a config object with method, url, data, params, headers.

$http({ method: 'PUT', url: '/api/users/1', data: { name: 'Sam2' } })
  .then(function (resp) { console.log(resp.status); });

Registers callbacks for the response. The success callback receives the full response; the error callback receives the HTTP error.

$http.get('/api/users')
  .then(
    function (resp) { console.log('ok', resp.data); },
    function (resp) { console.error('err', resp.status); }
  );