拦截器和ng-bind

时间:2015-11-18 19:06:49

标签: angularjs angular-http-interceptors

我正在学习拦截器。我在控制台上“打印”结果,但我希望在屏幕上显示{{}}或ng-bind。我尝试了但是我做不到。

有人可以帮助我吗?

x.factory("inter", ["$q", function($q) {
  return {
    request: function(config) {
      console.log("Request: " + JSON.stringify(config));
      return config;
    }
  };
}]);

x.config(["$httpProvider", function($httpProvider) {
  $httpProvider.interceptors.push("inter");
}]);

谢谢!

1 个答案:

答案 0 :(得分:2)

替换您的代码
x.factory("inter", ["$q", function($q) {
  var configs = [];
  return {
    request: function(config) { 
      configs.push("Request: " + JSON.stringify(config)); 
      return config;
    },
    interceptedConfigs: configs
  };
}]);

x.config(["$httpProvider", function($httpProvider) {
  $httpProvider.interceptors.push("inter");
}

然后,在控制器中控制你想要打印配置的视图,注入拦截器,并将其配置暴露在范围内:

x.controller('SomeCtrl', function($scope, inter) {
  $scope.interceptedConfigs = inter.interceptedConfigs;
});

然后在该控制器的视图中:

{{ interceptedConfigs }}