Как сделать два нижних раскрывающихся списка невидимыми, пока не будет сделан выбор в первом раскрывающемся списке? - PullRequest
Новая
       28

Как сделать два нижних раскрывающихся списка невидимыми, пока не будет сделан выбор в первом раскрывающемся списке?

0 голосов
/ 25 октября 2018

Вот мой код.Все три раскрывающихся списка видны, что не так.Я только хочу, чтобы выпадающий список был видимым (что после выбора должно сделать видимым один из двух других в зависимости от того, какая опция выбрана). Сумасшествие в том, что когда я вставляю пример кода в мой HTML, работает ng-if. 

             <!-- real code <status.html>

     <select class="form-control" id="substatus" [(ngModel)]="ddlCorrespondenceStatus">
        <option value="M">Manual</option>
        <option value="G">Complete</option>

      </select>
                 <select *ng-if="ddlCorrespondenceStatus == 'M'" class="form-control" id="substatus" [(ngModel)]="ddlCorrespondenceSubStatus">
          <option value="U">UnroutedTest</option>
          <option value="R">Routed</option>
          <option value="S">Saved</option>

        </select>
        <ss-multiselect-dropdown *ng-if="{ddlCorrespondenceStatus == 'G'" class="report-multiselect"
                                 [disabled]="filterDisabled"
                                 [options]="ddlStatus"
                                 [settings]="genericSearchMSDropdownSettings"
                                 [texts]="statusMSDropdownTextSettings"
                                 [(ngModel)]="selectedStatuses"

Пример кода ниже этой строки работает внутри страницы, Реальный код выше этого не 

 (ngModelChange)="handleQueueSelection($event)">
        </ss-multiselect-dropdown>
 Sample code below this works inside the page, Real Code above does not 
 <div *ngIf="false">
          <a *ngIf="false" routerLink="/login" routerLinkActive="active">Login</a>
        </div>

1 Ответ

0 голосов
/ 25 октября 2018

Issue

В вашем коде есть системная ошибка.*ng-if неверный синтаксис.Другая проблема связана с круглыми скобками, если условие снова неверно.

Исправлено

Вы должны использовать *ngIf как - 

<select *ngIf="ddlCorrespondenceStatus == 'M'" 
class="form-control" id="substatus" [(ngModel)]="ddlCorrespondenceSubStatus">
...