gpt4 book ai didi

javascript - 将 ID(Index) 传递给 onEditDetail() 参数

转载 作者:行者123 更新时间:2023-12-03 03:34:18 25 4
gpt4 key购买 nike

如何将值索引或 id 传递给 EditDetail() 参数。当我点击 html 中的 onEditDetail() 时,我希望将它放在 onEditDetail() 的括号内

ngOnInit() {
this.route.params
.subscribe((params: Params) => {
this.id = +params['id'];
this.user = this.userService.getUser(this.id);
});
}

onEditDetail(id: string) {
console.log(id);
}

user-detail.component.html

 <div class="container">
<div class = "row">
<div class="col-md-3"></div>
<div class = "col-md-8">
<div class="card">
<div class="card-header">
{{ user.l_name}} 's Complete Information<span class="pull-right"><input class="form-control" placeholder="Search User" name="srch-term" id="srch-term" type="text"></span>
</div>
<table class="table table-responsive">
<thead class="thead-default">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Contact Number</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ user.f_name }}</td>
<td>{{ user.l_name }}</td>
<td>{{ user.contact_no }}</td>
<td><button class=" btn btn-primary" style="cursor: pointer;" (click)="onEditDetail()">Edit</button> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>

最佳答案

添加到其他答案,

您需要了解您正在进行异步调用。

因此,如果您需要在其他地方访问 id,则需要在异步调用完成时获取它,而不是在此之前。

这就是原因,您需要在 Subscribe block 内调用 onEditDetail() 作为最后一个参数。有 3 个参数可供订阅。

  1. 调用返回的数据,
  2. 如果发生任何错误,则会发生错误。
  3. 如果您想做某事,请完成。

在您的情况下,作为第三个参数,您必须调用 onEditDetail 方法

ngOnInit() {
this.route.params
.subscribe((params: Params) => {
this.id = +params['id'];
this.user = this.userService.getUser(this.id);

// 3rd parameter, this is where call is subscribe is completed
this.onEditDetail(this.id);
});
}

关于javascript - 将 ID(Index) 传递给 onEditDetail() 参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45935841/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com