Edit in JSFiddle

var myApp = angular.module("myApp", ["toaster"]);

myApp.controller("myCtrl1", function ($scope, $http, toaster) {
    $scope.errorRequest = function () {
        $http.get("/not_found_page_aaaaaa").success(function (data) {
            toaster.pop("success", "title", data);
        });
    };
    $scope.successRequest = function () {
        $http.get("/").success(function (data) {
            toaster.pop("success", "title", data);
        });
    };
});

myApp.factory("httpErrorInterceptor", ["$q", "toaster", function ($q, toaster) {
    var myInterceptor = {
        "responseError": function (rejection) {
            toaster.pop("error", rejection.status, "エラーが発生しました");
            return $q.reject(rejection);
        }
    };
    return myInterceptor;
}]);

myApp.config(["$httpProvider", function ($httpProvider) {
    $httpProvider.interceptors.push("httpErrorInterceptor");
}]);
<script src="https://rawgit.com/AngularAgility/AngularAgility/master/dist/angular-agility.js"></script>
<div ng-app="myApp">
    <toaster-container toaster-options="{'time-out': 3000, 'close-button':true}"></toaster-container>
    <div class="container" ng-controller="myCtrl1">
        <button type="button" class="btn btn-danger" ng-click="errorRequest()">Error request</button>
        <button type="button" class="btn btn-success" ng-click="successRequest()">Success request</button>
    </div>
</div>

              

External resources loaded into this fiddle: