Я новичок в 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;">₹{{product.medicine_price}}</b>
<i style='font-size:19px;float: right;color: #068188b8;' class='fas'
(click)="AddtoCart(product.id)"></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>