Ionic button not push post request inside list


#1

**
<ion-list *ngFor=“let part of parts”>

  <div class="game-image ">
      <img  src="{{ profileImage }}{{ part.image }}" class="tinted img-responsive thumbnail"  (click)="detailView(part)"/>
      <button  type="submit" ion-button  float:right;border-radius:3px;padding:10px; top:57%;" (click)="book(part)" >Booking</button> 
      <div class="newHotelCard__pricing u-fw6">
        ₹ {{     amountToWord( discountAmount(part.amount ,part.discount)) }}

            <span class="newHotelCard__revisedPricing">₹  {{    amountToWord(part.amount) }}
            </span>

        <div class="newHotelCard__discount">
          {{part.discount}}% OFF
        </div>

      </div>
      
      <div  >{{part.contractorname}}  </div> 

book(part)
{
this.userData= this.storage.get(“userLoginInfo”).then((userData1)=>{

  if(userData1==null)

{
console.log(“iam empty”)
}
var data={
“clientId”:userData1[0][‘id’],
“contractorId”:part.contractor_id,
“name”:userData1[0][‘name’],
“email”:userData1[0][‘email’],
“mobile”:userData1[0][‘mobile’],
“type”:2,
“description”:description,
“imageid”:part.id,
“image”:part.image,
“amount”:part.amount,
“discount”:part.discount,
“confirmed”:confirmed,
“location”:location?location:userData1[0][“location”]
}
let headers = new Headers({ ‘Content-Type’: ‘application/json’ });
let options = new RequestOptions({ headers: headers });
this.http.post(this.url+“request/1”,data,headers);

});

**