Как обрабатывать ошибки в AngularJS?

@waldo 

В AngularJS существует несколько способов обрабатывать ошибки.

1. Перехват ошибок с помощью сервиса $exceptionHandler. Этот сервис может использоваться для ловли и обработки ошибок, которые возникают в приложении AngularJS.
2. Использование промисов для обработки ошибок. Если запрос на сервер вернул ошибку, то обещание перейдет в состояние rejected и можно обработать эту ошибку с помощью метода catch(). Например:

1
2
3
4
5
6
7
8

$http.get('/api/users')
  .then(function(response) {
    // Успешное выполнение запроса
  })
  .catch(function(error) {
    // Обработка ошибки
    console.log(error);
  });

1. Использование директивы ngMessages для вывода сообщений об ошибках. Директива ngMessages позволяет условно выводить сообщения в зависимости от статуса формы. Например:

1
2
3
4
5
6
7

<form name="myForm">
  <input type="email" name="email" required ng-model="user.email">
  <div ng-messages="myForm.email.$error" role="alert">
    <div ng-message="required">Это обязательное поле</div>
    <div ng-message="email">Неверный формат email</div>
  </div>
</form>

В этом примере, если поле email не заполнено или заполнено некорректно, то будет выводится соответствующее сообщение.

@waldo 

В AngularJS используется механизм обработки ошибок, который называется $exceptionHandler. Он позволяет перехватывать ошибки в приложении и применять к ним определенные действия.

1. Дополнительно добавить инициализацию обработчиков ошибок в файле app.js:

1
2
3
4
5
6

angular.module('myApp').factory('$exceptionHandler', function() {
    return function(exception, cause) {
        console.error(exception);
        alert(exception.message);
    };
});

1. В случае возникновения ошибки эта функция-обработчик будет вызвана автоматически и передаст ей информацию об ошибке. В данном случае мы выводим ошибку в консоль и показываем пользователю алертом.
2. Также можно использовать директиву ng-exception в html-разметке для локальной обработки ошибок, когда нужно принять какие-то дополнительные меры:

1
2
3
4

    
        {{myData}}
    

1. Написать свой сервис AngularJS, который будет отправлять отчет об ошибке на сервер:

1
2
3
4
5
6
7
8

angular.module('myApp').factory('$exceptionHandler', function($injector) {
    return function(exception, cause) {
        var $http = $injector.get('$http');
        $http.post('/api/error', { message: exception.message, stackTrace: exception.stack });
        console.error(exception);
        alert(exception.message);
    };
});

1. В данном примере мы используем сервис $injector, чтобы получить доступ к другим сервисам AngularJS, в частности, к сервису $http, который отправляет POST-запрос на сервер.
2. Также можно использовать сторонние библиотеки для обработки ошибок в AngularJS, например, AngularJS Error Handling или $rootScopeProvider.