Инициализируйте переменные в угловом компоненте

Question

На компоненте Angular 7 у меня есть следующее:

export class PostListComponent implements OnInit {

  posts: PostModel[] = [];

  constructor(private postService: PostService) { }

  ngOnInit() {

    this.posts = this.getPosts();

  }

  getPosts(): PostModel[] {

    let posts: PostModel[] = [];

    posts = postService.getTopPosts();

    return posts;

  }

}

Должен ли я установить this.posts внутри метода getPosts ()?

Или я должен вернуть сообщения и установить this.posts в ngOnInit, как я делаю?

Есть ли предпочтительный способ инициализации переменных в угловом компоненте?

Answer 1

Это выглядит лучше:

export class PostListComponent implements OnInit {

  posts: PostModel[] = [];

  constructor(private postService: PostService) { }

  ngOnInit() {
    this.posts = this.getPosts();
  }

  getPosts(): PostModel[] {
    return this.postService.getTopPosts();
  }

}

Лично я тоже придерживаюсь этой логики, и в большом проекте это помогает очистить то, что происходит, когда у вас есть тысячи строк.