Аутентификация на основе токенов AngularJS через службы $ http

Question

http://127.0.0.1:8000/api/v1/contact/ Это моя конечная точка API, где я могу применить POST метод

http://127.0.0.1:8000/rest-auth/login/ И это моя конечная точка входа в систему, где, если я отправляю имя пользователя и пароли, в ответ мне возвращаетсяAPI-токен, после того как я войду в конечную точку, я могу вручную применить метод POST, то есть я могу создать контакт

, но проблема с приложениями AngularJS.

У меня есть две формыодин - login, а другой - add contact

для входа в систему, я пишу это

$scope.onLogin = function () {
        $http.post('http://127.0.0.1:8000/rest-auth/login/', $scope.loginModel)
        .then(function(response) {
         //
        }, function(response) {
          //
        })
    };

Приведенный выше фрагмент хорошо работает для входа в систему

Но я хочу, чтобы когдаЯ вошел в систему через эту форму, затем я должен создать / опубликовать новый контакт через add contact форму.

и для этого я пишу этот код:

$http.post('http://127.0.0.1:8000/api/v1/contact/', $scope.formModel)
        .then(function(response) {
            //
        }, function(response){
            //
        });

Я не понимаю, как я могу это реализовать, я хочу, чтобы после успешного входа в систему пользователь мог использовать только зарегистрированный пользователь.Add Contact Форма, и они могут успешно создать / опубликовать контакт в этой форме.

Я прочитал некоторые проблемы со Stackoverflow, и мне нужно добавить заголовок токена в методе $ http post, но не понимаю, как это реализовать.даже я читаю официальную документацию angularJS, но пока не получилось сделать это

Может кто-нибудь помочь мне реализовать это?