ngSwitch 不工作

Question

年份下拉列表未显示选项 3 或 4- 我想根据所选课程显示年份下拉菜单。

这是代码-

    <div class="form-group">
      <label for="course">Course:</label>
      <select class="form-control" id="course" ngModel name="course" #name required>
        <option *ngFor="let course of courses" [value]="course">{{course}}</option>
      </select>
    </div>
    <div class="form-group">
      <label for="year">Year:</label>
      <select class="form-control" id="year" ngModel name="year" required [ngSwitch]="course">
        <option>1</option>
        <option>2</option>
        <option *ngSwitchCase="'MCA'">3</option>
        <option *ngSwitchCase="'B. Tech'">4</option>
      </select>
    </div>

在component.ts中存在以下数组-

  courses = ['B. Tech', 'M. Tech', 'MBA', 'MCA', 'PGDM'];

Answer 1

ngSwitch 工作正常，您唯一需要更改的是在第一个 select 标记中将变量绑定到 ngModel 喜欢：[(ngModel)]="course"

<div class="form-group">
  <label for="course">Course:</label>
  <select class="form-control" id="course" [(ngModel)]="course" name="course" #name required>
    <option *ngFor="let course of courses" [value]="course">{{course}}</option>
  </select>
</div>

ngSwitch 不工作

ngSwitch not working

html

angular-directive

angular