Динамические фильтры Angular 2 между родственными компонентами (как в Google Font) - PullRequest
Новая
       12

Динамические фильтры Angular 2 между родственными компонентами (как в Google Font)

0 голосов
/ 14 марта 2019

Я очень старался использовать существующие сообщения, но потерпел неудачу.

Я хотел бы создать раздел проекта, в котором один компонент списка будет отображать результаты, а компонент листа позволит пользователю фильтровать этот список.

Поведение точно такое же, как и Google Font с динамическим полем поиска, некоторыми флажками и выпадающими списками.

Я пытаюсь работать с наблюдаемыми, сервисами и статическими данными.

Модель: 


    class Tag {
        id: number;
        name: string;
    }

    export class Project {
        id: number;
        title: string;
        subtitle: string;
        description: string;
        tags: Tag[];
        company: string;
        date: string;
        publication: string;
    }

Услуги: 


    import { Injectable } from '@angular/core';

    import { Observable, of } from 'rxjs';

    import { Project } from '../model/project';
    import { PROJECTS } from '../mock-projects';

    @Injectable({
      providedIn: 'root'
    })
    export class ProjectsService {

      constructor(

      ) { }

      getProjects(): Observable {
        return of(PROJECTS);
      }
    }

Я бы хотел отфильтровать заголовок и субтитры благодаря полю поиска и тегам с флажками.

Заранее большое спасибо:)

...