Angular Http PUT не отправляет запрос в веб-API

У меня есть веб-API C# с использованием Entity Framework - я пытаюсь сделать запрос на размещение через свой угловой интерфейс, чтобы имитировать функцию проверки, но запрос не проходит.

Вот мой метод веб-API

   [HttpPut("checkin/{id}")]
    [AuthorizeRoles(Role.Administrator, Role.User)]
    public async Task<IActionResult> CheckIn(int id)
    {
        var reservation = await context.Reservations.FindAsync(id);
        var username = User.Identity.Name;

        if (reservation == null)
            return NotFound();

        // Ensure user is checking-in their own reservation and its not already checked-in
        if (reservation.UserName == username && reservation.CheckInDate == null)
        {
            reservation.CheckInDate = DateTime.Now;

            var count = await context.SaveChangesAsync();

            if (count < 1)
                return StatusCode((int)HttpStatusCode.InternalServerError);
        }

        return Ok();
    }

Вот мои два файла .ts, в которых инициируется запрос -Примечание: во втором методе я решил передать идентификатор вручную для целей тестирования

-checkIn(id: number){
    if (confirm('Would you like to check in')) {
     this.reservationService.checki(7);
    };
  }

Bookingservice.ts

 checki(id: number) {
    const headers = new Headers();
    const url = `${this.url}+/checkin/${7}`;
    return this.http
             .put(url, JSON.stringify(7), {headers: headers})
             .map(res => res.json());
  }