Skip to content
Advertisement

Angular-6 show and hide drop-down select option not showing proper data

I have 2 types of drop-down based on the select value column drop-down will show.

(one for to show database data, another one for to show desktop data.)

https://stackblitz.com/edit/angular-ivy-3n238j?file=src%2Fapp%2Fapp.component.html

app.componet.html

JavaScript

My issue is below

  1. In 1st row if I select desktop it will show desktop data’s in value column drop-down.
  2. In 2nd row if I select database, desktop will be showed as [object object] check bellow image

enter image description here

app.component.ts

JavaScript

Please check the flow in my demo link with same scenario. 1st row select desktop and 2nd row database

Advertisement

Answer

Try this

JavaScript
User contributions licensed under: CC BY-SA
10 People found this is helpful
Advertisement