角添加按鈕內容單擊數組

Question

所以我想要的是，單擊按鈕，將item.name添加到新數組：

<button (click)="addDistrict(item.name)" *ngFor="let item of items" ion-button>{{item.name}}</button>

myDist = [];

addDistrict(item.name){
   this.myDist.push(item.name)
  }

如何正確地做到這一點？

Answer 1

您的addDistrict函數的參數以及從模板傳遞給它的變量都不正確。

在模板你逝去的item.name這是一個字符串，然后在你的函數item.name （其中yould失敗，因為你不能有一個包含一個點一個變量名）試。 這應該工作

addDistrict(name){
    this.myDist.push(name)
}

Answer 2

@tftd發布的答案是正確的，它也可以解決您的問題。 但我會這樣寫：

在HTML中：

// Will pass the object in to the method like

<button (click)="addDistrict(item)" *ngFor="let item of items" ion-button> 
   {{item.name}}
</button>

並在TS文件中：

addDistrict(item){
   // will extract the related key from Object here to push it in array
   this.myDist.push(item.name);
}

StackBlitz示例