服務紀錄登入使用者資料

export class LocalDataService {
  private userData = new BehaviorSubject<User>({} as User);
  currentData$ = this.userData.asObservable();

  constructor() { }
  updateUserData(data: User) {
    this.userData.next(data);
  }
}

文章頁面取得文章列表

ngOnInit(): void {
    this.localDataService.currentData$.subscribe((data) => {
      this.user = data;
    });
    if (this.user !== undefined && this.user !== null) {
      this.userName = 'Terry';
      this.articleListService.getArticleList(this.user.IdUser).subscribe((data: any[]) => {
        this.articles = data;
      }, (error: any) => {
        console.error(error);
      });
    }
  }

由列表路徑判斷文章內容顯示與存取

constructor(
              private router:Router,
              private activatedRoute:ActivatedRoute,
              private localDataService:LocalDataService,
              private articleListService:ArticleListService
          )
          {
          this.activatedRoute.params.
          subscribe(params => {
                  const articleId:number = params['articleId'];
                  if (articleId) {
                    this.articleId = articleId;
                  }
                  else {
                    this.articleId = 0;
                  }
          });
  }