filter data with angular

Question

when I create a publication, select a category. Later in a different page, I show all the categories, but I need to show only the categories that contain publications.

in ruby on rails would be something like that

- if category.posts
   #show

json of categories data

[{"Cortes":{"name":"Cortes"}, "peinados":{"name":"peinados"}}]

json of posts data

[{"category": "Cortes","title": "first"}]

in this case only the category Cortes contains a publication, I need the other does not show because there are no publications with that category. in this way I show the categories:

<ul>
   <li *ngFor="let category of categories">
      {{ category.name }}
    </li>
  </ul>

Sajeetharan · Accepted Answer · 2018-04-12 04:58:22Z

1

You can use array.filter to this as follows,

this.categories = category.posts.filter(cat=>cat.publication != null);

answered Apr 12, 2018 at 4:58

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Carlos Uriel Santiago · Accepted Answer · 2018-04-12 07:17:41Z

0

solve it like this

filter (category) {
       const x = this.publicaciones.filter(post => post.category === category);
       return x.length;
    }

    getCategory(services, name) {
        const s = [];
        Object.values(services).forEach(key => {
          if(key.img) {
            if (this.filterC(key.name) >= 1) {
              s.push({ name: key.name, img: key.img });
            }
          }
        });
        this.check = s;
      }

answered Apr 12, 2018 at 7:17

Carlos Uriel Santiago

4392 gold badges5 silver badges13 bronze badges

Collectives™ on Stack Overflow

filter data with angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related