Sun_Day

@Component({
  selector: 'app-test',
  templateUrl: './app-test.component.html',
  styleUrls: ['./app-test.component.scss']
})

export class Test {
  constructor(element: ElementRef<HTMLElement>) {
    const tagName = element.nativeElement.tagName.toLowerCase();
  }
}

export class AppComponent {
  public items = [
    {
      name: "Ivan",
      count: 2
    },
    {
      name: "Petr",
      count: 14
    }
  ];

  public increment(index) {
    this.items[index].count += 1;
  }

  public decrement(index) {
    this.items[index].count -= 1;
  }
}

<div *ngFor="let item of items; index as i">
  <p>{{item.name}}</p>
  <p>{{item.count}}</p>
  <button (click)="increment(i)">increment</button>
  <button (click)="decrement(i)">decrement</button>
</div>