Вариант продукта для приложения электронной торговли с использованием Angular 9 - PullRequest
Новая
       20

Вариант продукта для приложения электронной торговли с использованием Angular 9

0 голосов
/ 14 июля 2020

Добрый день, я все еще новичок ie в Angular, и я пытался создать вариант продукта в приложении Angular 9 электронной коммерции, которое я создаю. Я хочу, чтобы было установлено, что если я нажму кнопку изменения продукта, цена продукта изменится. Есть семь вариантов продукта. Ниже мой код html 

            <button class="naomi" (click)="priceChange1($event)" *ngIf = "product.price1">{{product.three}}</button>
            <button class="naomi" (click)="priceChange2($event)" *ngIf = " product.price2">{{product.four}}</button>
            <button class="naomi" (click)="priceChange3($event)" *ngIf = "product.price3">{{product.five}}</button>
            <button class="naomi" (click)="priceChange4($event)" *ngIf = "product.price4">{{product.six}}</button>
            <button class="naomi" (click)="priceChange5($event)" *ngIf = "product.price5">{{product.seven}}</button>
            <button class="naomi" (click)="priceChange6($event)" *ngIf = "product.price6">{{product.seventy}}</button>
            <button class="naomi" (click)="priceChange7($event)" *ngIf = "product.price7">{{product.baby}}</button>
          </div>
          <div class="col-6">
            <ngb-rating [(rate)]="product.averageRating" [starTemplate]="t" [readonly]="true" max="5"></ngb-rating>
          </div>
        </div>
        <hr>
        
        <hr>
        <p class="lead">{{ product.description }}</p>
        <br>
        <br>
        <p class="lead">{{ product.specs}}</p>
      </div>
      <div class="col-lg-3 father">
        <div class="card bg-light">
          <div class="card-body">
            <h5 class="card-title">Price:  ₦ {{ product.price}}  <del class=" price-old">{{product.oldprice}}</del> </h5>

, а мой код TS: 


  priceChange1(event) {
            let product: any;
        if (event.priceChange1){
        product.price2 === product.price
      }
  }

  public priceChange2(event) {
    {
    product.price1 === product.price
  
}

  priceChange3(event) {
     product.price === product.price3
    
  }

  priceChange4(event: any) {
  
     product.price === product.price4
    
  }

  priceChange5($event) {
      product.price5 === product.price
    
  }

  priceChange6($event) {
   
      product.price6 === product.price
    
  }

  priceChange7($event) {
    
      product.price7 === product.price
    
  }

Пожалуйста, я хотел бы, чтобы цена продукта изменилась на цену варианта, когда я нажмите кнопку каждого варианта. Заранее спасибо

...