页面刷新后无数据

Question

我的模板文件中有此文件：

<div class="read-one-article">
  <mat-list
    role="list"
    *ngFor="let article of articleService.dataSource.article"
  >
    <mat-list-item role="listitem">
      <h3>{{ article.id }}</h3>
    </mat-list-item>
    <mat-list-item role="listitem">
      <div class="article-title">
        <h3>{{ article.title }}</h3>
        <span class="article-user-id">user: {{ article.user_id }}</span>
      </div>
    </mat-list-item>
    <mat-list-item role="listitem">
      {{ article.content }}
    </mat-list-item>
    <mat-divider></mat-divider>
  </mat-list>
</div>

我需要传递article.id变量以在.ts文件相同组件中用作属性：

export class ReadOneArticleComponent implements OnInit {
  constructor(public articleService: ArticleService) {}

  ngOnInit() {
    this.articleService.readArticle(article.id);
  }
}

Answer 1

问题是刷新后的路线..list-article/:id不显示商品数据。页面为空白。上面的方法是完全错误的。解决方案是角度路由器提供的ActivatedRoute类。所以，我重构了我的代码，这个问题解决了。这是工作代码：