Как итерировать массив из отдельного файла Angular?

Нужна ваша помощь. Я пробую итерировать массив с объектами, которые находятся в другом файле (вместо url endpoint). Я для этого пробую использовать сервис, чтобы вывести на страницу данные и сделать routing. Однако я получаю ошибку, которая выглядит так:

TS2345: Argument of type '[{ id: number; post: string; }, { id: number; post: string; }, { id: number; post: string; }, { id: number; post: string; }, { id: number; post: string; }, { id: number; post: string; }, { id: number; post: string; }, { ...; }]' is not assignable to parameter of type 'string'.

Как получить этот массив и вывести его? Спасибо вам большое

Array.ts

export const postsArray = [] = [
   {id: 1, post: '№1'},
   {id: 2, post: '№2'},
   {id: 3, post: '№3'},
]

boxService.ts

import { Injectable } from '@angular/core';
import {postsArray} from "../postArray/arrayPost";
import {HttpClient} from "@angular/common/http";
import {Observable} from "rxjs";

@Injectable({
providedIn: 'root'
})

export class BoxService {
constructor(private httpClient: HttpClient) { }

getBoxs():Observable<any> {
return this.httpClient.get<any>(postsArray)
}

}