Custom Pipe Filter For Array Of Json Objects In Angular 4

Question

I have an array, that consists a list of json objects as items. I am using this array as an options list for two select controls, here I want to hide first select control selected items in second select control options list.

Is it possible to do?

can you give us an output example

Khaled Ahmed
– Khaled Ahmed

2018-02-25 06:34:04 +00:00
Commented Feb 25, 2018 at 6:34 — Khaled Ahmed
– Khaled Ahmed, Commented Feb 25, 2018 at 6:34

micronyks · Accepted Answer · 2018-02-25 07:14:13Z

1

I don't know why are you looking for a pipe/filter solution when it can be done so easily without pipe? I may not be knowing entire scenario of yours but what you have written according to that a simple solution would be,

<select class="form-control" [(ngModel)]="selectedCity">
     <option *ngFor="let ct of cities" [value]="ct.id">{{ct.name}}  
</select>



// look at [disabled]="selectedCity==ct.id"

 <select class="form-control" [(ngModel)]="selectedOtherCity">
     <option [disabled]="selectedCity==ct.id" *ngFor="let ct of cities" [value]="ct.id">{{ct.name}}  
</select>

detailed code could be found here : https://plnkr.co/edit/gkvFqtyddLVEsFOE07Ls?p=preview

answered Feb 25, 2018 at 7:14

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

2 Comments

Rama Krishna Over a year ago

Thank you actually I don't know this [disabled] option in select

micronyks Over a year ago

Welcome! Have a great time with Angular.

Collectives™ on Stack Overflow

Custom Pipe Filter For Array Of Json Objects In Angular 4

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related