ngSwitch无法正常工作

时间:2017-09-06 09:43:23

标签: html angular angular-directive

年份下拉列表未显示选项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'];

1 个答案:

答案 0 :(得分:0)

When.onTheHomePage.iSetSearchField("YOUR VALUE"); When.onTheHomePage.iClickDialogButton(); 工作正常,您唯一需要更改的是第一个选择标记中变量与ngSwitch的绑定 喜欢:ngModel

[(ngModel)]="course"