Angular '' нельзя назначить типу unknown [] '. ошибка

Question

Угловое значение PriceRuleApi нельзя назначить типу unknown []. Ошибка указывает на строку this.dataSource.data с ошибкой PriceRuleApi, которую нельзя присвоить типу unknown []. Есть идеи?

Интерфейс

export interface PriceRuleApi {
    pricerule: any;
    success: boolean,
    data: PriceRule[],
    total: number,
    pageSize: number,
    page: number
}

источник данных

dataSource = new MatTableDataSource();

данные

{_id: "5d9564c336651b0f50bf3e66", name: "Rule 1", __v: 0, books: Array(2)}

фрагмент кода

 map(data => {

                    this.isLoading = false;
                    this.isTotalReached = false;
                    console.log("gg" , data)
                    // this.totalItems = data
                    return data;
                }),
                catchError(() => {
                    this.isLoading = false;
                    this.isTotalReached = true;
                    return observableOf([]);
                })
            ).subscribe(data => this.dataSource.data = data);

модель

export interface PriceRule {
    _id: number,
    name: string,
    books: Array<string>
}

Answer 1

MatTableDataSource.data ожидает массив, но кажется, что переменная data - это всего лишь одна PriceRuleApi. Это должно быть PriceRuleApi[] или PriceRule[], возможно, любые данные соответствуют строкам, которые вы хотите отобразить

MatTableDataSource, по сути, является массивом строк, и поэтому он ожидает, что ваши данные будутКоллекция этих строк.