как поймать угловую ошибку ng-include

В источнике ngInclude есть похоже, нет ловушки или способа напрямую обнаружить ошибку 404 (или другую), когда шаблон не существует. Возможно, вы захотите рассмотреть запрос функции, чтобы добавить это, так как это звучит как полезная функция.

Однако прямо сейчас вы можете что-то сделать с перехватчиком ответа http. Если есть какой-то способ определить, относится ли http-запрос к шаблону, скажем, он находится в каталоге «content», вы можете перехватывать ошибки и что-то с ними делать. Например, вы можете заменить данные пользовательской директивой, которая затем генерирует событие, чтобы контроллеры могли реагировать на него.

Перехватчик может быть записан так:

app.config(function ($httpProvider) {
    $httpProvider.interceptors.push('templateInterceptor');
});

// register the interceptor as a service
app.factory('templateInterceptor', function($q) {
  return {
    'responseError': function(rejection) {
       var isTemplate = !!rejection.config.url.match(/^content/g);
       if (isTemplate) {
         rejection.data = '<div><template-error url="\''+ (rejection.config.url) + '\'"><strong>Error from interceptor.</strong></template-error></div>';
         return rejection;
       } else {
         return $q.reject(rejection);
       }
    }
  }
});

Поэтому, когда возникает ошибка после извлечения чего-либо из директивы «content», он добавляет элемент <template-error> вместо содержимого шаблона. Когда это скомпилировано, а затем связано, это $emit является пользовательским событием, templateError, на которое родительские контроллеры могут реагировать, $scope.$on. Таким образом, директива может быть закодирована следующим образом:

app.directive('templateError', function() {
  return {
    restrict: 'E',
    scope: {
      'url': '='
    },
    link: function(scope) {
      scope.$emit('templateError', {url:scope.url});
    }
  };
});

И тогда в родительском контроллере оригинального ngInclude можно отреагировать на это событие:

$scope.$on('templateError', function(e, data) {
  $scope.templateError = true;
  $scope.templateErrorUrl = data.url;
})

Вы можете увидеть полный рабочий код в этом плункере. Хотя я думаю, что это немного взломано, если команда Angular решит добавить событие $emited к коду ngInclude при ошибке, тогда будет легко просто удалить перехватчик/ваш пользовательский элемент.