如何在angular4中的click事件上传递带有标签的值

Question

I want to hide the li when clicking the plus button. here my data are passing but li is not clearing .(my output is like when clicking the plus button the datas are move but still the li is there.i want to remove the li instance) my html code is

 <div class="searchResult-Container">
     <ul>
    <li *ngFor="let stocks of products"
     [class.selected]="stocks === selectedStock"
     (click)="onSelected(stocks)">
      <div class="row searchItem" style="margin:0px;">
       <!--search item starts-->
     <div class="col-md-10 col-sm-10 col-xs-12">
      <div class="row">
         <div class="col-md-6 col-sm-6 col-xs-12 hidden">
   <label>Item</label>
     <span>{{stocks.ItemID}} </span>
       </div>

and my TS code is

    onSelected(IComboDetails: IComboDetails): void {
    this.selectedStock = IComboDetails;

}

Answer 1

Looks like you want to remove all items you click plus

   onSelected(comboDetails: IComboDetails): void {
      const index = this.products.indexOf(comboDetails);
      if (index !== -1) {
        this.products.splice(index, 1);
      }  
   }