angular - 数据动态传递到组件路由时处理页面刷新?
问题描述
当组件中使用的数据仅在路由到时提供时,如何处理页面刷新?
在下面的代码片段中,您可以看到我通过路由器的状态对象为公司对象提供了表中每一行的路由。
公司设置组件类html
<!-- Name Column -->
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef mat-sort-header>Company</mat-header-cell>
<mat-cell *matCellDef="let company">
<div fxLayout="column">
<span>{{ company.EoName }}</span>
<a routerLink='/company-details' [state]=company><span class="mat-small">Go to details page.</span></a>
</div>
</mat-cell>
</ng-container>
然后在路由到的组件类中,我正在访问这样的状态对象:
公司详细信息组件 .ts
company: ICompany;
constructor(private _router: Router) {
this.company = this._router.getCurrentNavigation().extras.state
}
访问组件模板的唯一方法是单击该公司表中的链接,这就是提供数据的方式。
这适用于我的用例,但如果用户决定刷新页面,我需要一种方法来重新提供或保留相同的公司对象。
我正在寻找一种方法来解决这个问题或使用不同的方式为组件路由提供动态数据。
解决方案
推荐阅读
- spring - Spring Data MongoDB - 使用存储库查询响应长值变为空
- reactjs - useEffect 为每个组件实例运行一次
- c# - 为添加的书籍安排时间 c# sql
- c# - 将泛型类型限制为类型列表。任何解决方法?
- r - 我创建了一个箱线图,但我需要使其成为 APA 风格
- wordpress - 如何格式化 wordpress 媒体文件夹中的 URL 以使用 BabylonJS
- git - 为什么 git diff 返回“坏对象”?
- flutter - StreamBuilder 快照是否为空
- python - 将RGB组件合并在一起python
- python - 如何过滤 Pandas DataFrame 以仅在一列中包含唯一值并聚合其他列?