在第一个下拉菜单中进行选择之前，如何使底部的两个下拉菜单不可见？

Question

这是我的代码。所有三个下拉菜单都是可见的，这是错误的。我只希望拳头下拉菜单可见（选择后应使其他两个下拉菜单之一可见，具体取决于选择的选项）疯狂的是当我将示例代码插入 html 时，ng-如果有效。

             <!-- 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>

Answer 1

问题

您的代码中存在系统结构错误。 *ng-if 是错误的语法。另一个问题是 if 条件中的括号再次出错。

修复

您必须使用 *ngIf 作为 -

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

在第一个下拉菜单中进行选择之前，如何使底部的两个下拉菜单不可见？

How do I make the bottom two drop-downs invisible until a selection is made in the first drop-down?

angularjs

angular-directive

问题

修复