Skip to content

Latest commit

 

History

History
50 lines (41 loc) · 1.22 KB

README.md

File metadata and controls

50 lines (41 loc) · 1.22 KB

Usage with AngularJS

Integration with AngularJS is as simple as adding an $exceptionHandler:

// app.js
const module = angular.module('app', []);

module.factory('$exceptionHandler', function ($log) {
  const airbrake = new Airbrake.Notifier({
    projectId: 1, // Airbrake project id
    projectKey: 'FIXME', // Airbrake project API key
  });

  airbrake.addFilter(function (notice) {
    notice.context.environment = 'production';
    return notice;
  });

  return function (exception, cause) {
    $log.error(exception);
    airbrake.notify({ error: exception, params: { angular_cause: cause } });
  };
});

module.controller('HelloWorldCtrl', function ($scope) {
  throw new Error('Uh oh, something happened');

  $scope.message = 'Hello World';
});
<!-- index.html -->
<!DOCTYPE html>
<html ng-app="app">
  <head>
    <meta charset="utf 8" />
    <title>Hello World</title>
  </head>
  <body>
    <h1 ng-controller="HelloWorldCtrl">{{message}}</h1>
    <script src="https://code.angularjs.org/1.8.2/angular.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@airbrake/browser"></script>
    <script src="app.js"></script>
  </body>
</html>