Добрый день. Необходимо фильтровать список по title или text. Для переключения

Question

Добрый день. Необходимо фильтровать список по title или text. Для переключения

фильтрации есть кнопки.

На https://angular-ivy-j2cqv4.stackblitz.io фильтрация работает без проблем, как по title, так и по text. Но в коде на компе ошибка в строке:
"return post[field].toLocaleLowerCase().includes(search.toLocaleLowerCase()) - ругается на post[field]"

Ссылка на код https://stackblitz.com/edit/angular-ivy-j2cqv4?file=src/app/pipes/filter.pipe.ts

Подскажите, пожалуйста, что делаю не так?

#angular #frontend #javascript #programming #russian

0

25.10.2021

12 ответов

15 просмотров

Sergei Sergeevich

а что если типизировать field в аргументах пайпа: field: 'title'|'text' = 'title' ?

0

25.10.2021

Eric Cartmenez

как вариант в пайпе можно ‘field: any’ заменить на “field: keyof Post”

0

25.10.2021

Marisha Автор вопроса

ⓞⓝⓔⓜⓐⓝⓣⓞⓞ
А как ругается? post[field]?.toLocaleLowerCase() ...

Текст ошибки: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Post'. No index signature with a parameter of type 'string' was found on type 'Post' Вариант с post[field]?.toLocaleLowerCase() - ошибка сохраняется (post as any)[field]?.toLocaleLowerCase() - работает (post as Record<string, string>)[field]?.toLocaleLowerCase() - работает Спасибо огромное 🙂

0

25.10.2021

ⓞⓝⓔⓜⓐⓝⓣⓞⓞ

Marisha
Текст ошибки: Element implicitly has an 'any' type...

c keyof вариант вероятнее даже правильнее https://t.me/angular_ru/502582

0

25.10.2021

Marisha Автор вопроса

Eric Cartmenez
как вариант в пайпе можно ‘field: any’ заменить на...

В таком случае ошибка в app.component.html в строке " *ngFor="let post of posts | filter: search:searchField"" Текст ошибки: Argument of type 'string' is not assignable to parameter of type 'keyof Post' Конкретно подчеркивает searchField

0

25.10.2021

Marisha Автор вопроса

Sergei Sergeevich
а что если типизировать field в аргументах пайпа: ...

В таком случае ошибка в app.component.html в строке " *ngFor="let post of posts | filter: search:searchField"" Текст ошибки: Argument of type 'string' is not assignable to parameter of type '"title" | "text" | undefined' Конкретно подчеркивает searchField

0

25.10.2021

Eric Cartmenez

Marisha
В таком случае ошибка в app.component.html в строк...

в апп компоненте searchField: keyof Post

0

25.10.2021

Sergei Sergeevich

Eric Cartmenez
в апп компоненте searchField: keyof Post

+

0

25.10.2021

Marisha Автор вопроса

Eric Cartmenez
в апп компоненте searchField: keyof Post

Ошибка: Expected 1-3 arguments, but got 4 *ngFor="let post of posts | filter: search:searchField:keyof Post

0

25.10.2021

Eric Cartmenez

Marisha
Ошибка: Expected 1-3 arguments, but got 4 *ngFor="...

не в темплейте) в app.component.ts

0

25.10.2021

Marisha Автор вопроса

Eric Cartmenez
не в темплейте) в app.component.ts

Спасибо, работает ) Надо запомнить данный вариант

0

25.10.2021

ⓞⓝⓔⓜⓐⓝⓣⓞⓞ · Accepted Answer

ⓞⓝⓔⓜⓐⓝⓣⓞⓞ

А как ругается? post[field]?.toLocaleLowerCase() либо (post as any)[field]?.toLocaleLowerCase() либо более красиво (post as Record<string, string>)[field]?.toLocaleLowerCase() Должно решить проблему

0

25.10.2021

169 похожих чатов

Добрый день. Необходимо фильтровать список по title или text. Для переключения

12 ответов

Похожие вопросы