Question

我是这个论坛的新手，所以如果我违反任何规则，请告诉我！

我在 app.component.html中有以下代码：

<tr *ngFor="let item of items" (click)="getClient($event)">
    <td> {{ item.nr }} </td>
    <td> {{ item.content }} </td>
</tr>

在 app.component.ts 中，我获得了API的数据：

export class AuftragslisteComponent implements OnInit {

    constructor(public http: HttpClient) { }

    getItem() {
        return this.http.get("http://localhost:59643/api/lösa");
    }

    items: Object;
    ngOnInit() {
        this.getItem().subscribe(data => {
            this.items = data;
            console.log(this.items);
            console.log(data);
        })
    }

    getClient() {
    }
}

我试图通过单击一行来获取item.nr，但是在getClient函数中，我总是无法通过alert函数定义它，所以我将其删除。

有人知道如何通过单击一行来访问正确的item.nr吗？

Answer 1

更改

<tr *ngFor="let item of items" (click)="getClient($event)">

到

<tr *ngFor="let item of items" (click)="getClient(item.nr)">

然后在您的函数中

 getClient(nr){
      alert(nr)
   }

Answer 2

将该项目作为参数传递给函数

(click)="getClient(item)

并从功能中访问它

getClient(item){
 console.log(item.nr)
}

Answer 3

模板

$('.ratio').height($('.ratio').width()*.4);

ts

(click)="getClient(item.nr)"

Angular 7-如何从表中获取数据？

3 个答案: