Angular-6 Based On The Select Multi-select Dropdown Show And Hide Not Working Properly

This question is maybe asked, but that is not solving my issue for multi-select. In my angular project the drop-down of key contains database, desktop and account. Based on the dro

Solution 1:

You can replace the code <!-- show db data --><select *ngIf="rowArray[i].title1 == 1 && dynamic?.isDropDown" [(ngModel)]="rowArray[i].title2" class="form-control multiple-select" multiple="multiple"> <option *ngFor="let data of rowArray[i].dropdownDataDb;">{{data}}</option> </select> with this:

<!-- show db data -->
                <span *ngIf="rowArray[i].title1 == 1 && dynamic?.isDropDown">
                    <select  [(ngModel)]="rowArray[i].title2" class="form-control multiple-select"  multiple>
        <option *ngFor="let data of rowArray[i].dropdownDataDb;">{{data}}</option>
      </select>
                </span>