0

私の<base href="...href 属性の値をすべての get および post$http呼び出しに追加したいと思います。次のようにリクエストインターセプターを使用してみました：

angular.module('curriculumModule', ['ng', 'ngRoute', 'curriculumControllerModule', 'directiveModule'])
.config(function($routeProvider, $httpProvider) {

    $httpProvider.defaults.headers.common['Content-Type'] = 'application/json';
    $httpProvider.defaults.headers.common['X-Ajax'] = 'true';

    $httpProvider.interceptors.push(function ($q) {
        return {
            'request': function (config) {
                config.url = $('base').attr('href') + '/' + config.url;
                return config || $q.when(config);
            }
        };
     });    

    $routeProvider
    .when('/view/:id', {controller: 'ViewCurriculumCtrl', templateUrl: 'view.html'})
    .when('/new', {controller: 'CreateCurriculumCtrl', templateUrl: 'new.html'})
    .when('/edit/:id', {controller: 'EditCurriculumCtrl', templateUrl: 'edit.html'})
    .when('/:curriculumId/workExperience/new', {controller: 'NewWorkExperienceCtrl', templateUrl: 'workExperiencesNew.html'})
    .when('/:curriculumId/workExperience/edit/:id', {controller: 'EditWorkExperienceCtrl', templateUrl: 'workExperiencesEdit.html'})
    .when('/:curriculumId/training/new', {controller: 'NewTrainingCtrl', templateUrl: 'trainingsNew.html'})
    .when('/:curriculumId/training/edit/:id', {controller: 'EditTrainingCtrl', templateUrl: 'trainingsEdit.html'})
    .otherwise({redirectTo:'/view/:id'});
});

ただし、どういうわけか、AngularJs は base href 属性の値を templateUrls の前に追加しますが、これは望ましくありません。

どうすればこれを防ぐことができますか?

4

1 に答える 1

2

angular は $http サービスを使用してテンプレートもロードするため、インターセプターがテンプレートの URL をマングルしています。インターセプターとしてではなく、$http サービスを呼び出す前に、別の方法で URL を変更することを強くお勧めします。

次のような単純なラッパーサービスでそれを行う必要があります。

angular.module('curriculumModule').service('curHttp', ['$http', function($http) {

   this.http = function(params) {
     params.url = $('base').attr('href') + '/' + params.url;
     return $http(params);

}]);
于 2014-02-05T21:44:19.837 に答える