Как обновить корзину, добавив товар с home.component на header.component - PullRequest
0 голосов
/ 05 ноября 2019

Я новичок в angular ver.8 и работаю над сайтом электронной коммерции.

Я хочу добавить продукт в home.component.html и хочу обновить счетчик в значке корзины в header.component. .html файл.

Home.component.html

<app-header></app-header>
  <div style="clear: both; height: 40px;"></div>
  <div class="container-fluid swipeodd" style="background-color: white">
    <div class="row">
      <h4 class="sliderheading" style="margin-left: 20px;">HealthCare Devices</h4>
      <button class="btn btn-primary" style="display: block;
               margin-left: auto;
               margin-right: 10px;font-size: small;">See All</button>
    </div>
    <hr>
    <div>

      <owl-carousel-o [options]="customOptions">
        <div>
          <ng-template carouselSlide *ngFor="let product of healthcare; let i=index">
            <div [class]="'sliderimghover'+i">
              <img src="{{product.medicine_photo}}" onError="this.src='./assets/image/domy_image.svg';"
                style="padding: 5px;display:initial;cursor: pointer;max-width: 175px;"
                (click)="movetodetails(product.id)">
              <div align="left" style="padding: 10px;">
                <div style="white-space: nowrap;overflow:hidden;font-size: 14px;">{{product.medicine_name}}</div>
                <div style="font-size: 12px;color: #757575;">{{product.medicine_package}}</div>
                <div>
                  <b><del style="color: grey;">Rs.{{product.medicine_discount_price}}</del></b>
                  <b style="margin-left: 20px;color: green;">&#8377;{{product.medicine_price}}</b>
                  <i style='font-size:19px;float: right;color: #068188b8;' class='fas'
                    (click)="AddtoCart(product.id)">&#xf217;</i>
                </div>
              </div>
            </div>
          </ng-template>
        </div>
      </owl-carousel-o>

    </div>
  </div>

Header.component.html

            <span data-toggle="tooltip" title="Cart" class="carticon" >{{count}}<i class="fa fa-shopping-cart"
                aria-hidden="true"></i></span>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...