单击“赞”按钮时，它应该显示特定数据吗？

Question

我有一个循环结构，其中包含帖子中的数据，例如内容文本、照片、视频，当单击“赞”按钮时，我应该对数据做什么，它应该只选择特定的索引数据。

由于我是 ionic 和 angular 的新手，我尝试在按钮单击事件中使用索引 i 调用该数据，但它并不代表我返回任何东西。

.html file
  <ion-button fill="clear" (click)="likebutton(i)">Like {{numberoflike[i]}}</ion-button>

.ts file
  likebutton(){
    this.numberoflike++;
  }

我想用代表我的数据选择任何一个喜欢的人，并只显示给特定的喜欢按钮。 如果可能的话，请让我了解如何使用 *ngFor 并传递它的内部参数和值

Answer 1

你可以这样做，

.ts 文件

export class MyComponent implements OnInit {
numberoflike:number[]=[];
itemsArray:number[]=[1,2,3,4,5,6,7];

    likebutton(i){
    this.numberoflike[i]++;//increment the count with given index
  }
  ngOnInit() {
    this.itemsArray.forEach(()=>this.numberoflike.push(0));//initialize the likes array
  }

}

.html 文件

  <ion-card type="md" *ngFor="let item of itemsArray;let i=index;"> 
        <ion-item (click)="likebutton(i)">
            Like {{numberoflike[i]}}
        </ion-item>
                 </ion-card>