如何在选择下拉选项时显示 div

Question

我正在创建一个表单，其中有一个下拉列表当用户选择选项

Software developer

显示一个新的 div，有两个选项

App Developer

Web Developer

我在下面给出代码 -:

html 代码 -

<div class="form-group">
         <label for="dept"> Departmant </label>
         <select id="dept" (change)="fun()" class="form-control" class="form-control" name="departmant" [(ngModel)]="departmant">
           <option value="1"> HelpDesk </option>
           <option value="2"> Hr</option>
           <option value="3"> Software Engineer </option>
           <option value="4"> System Admin </option>
        </select>
         </div>

<div class="form-group" *ngIf="doninSe">
        <label for="domin"> Domain: </label>
        <select id="domin" class="form-control" name="domin" [(ngModel)]="domin">
          <option *ngFor="let domins of Domin"> {{domins.name}}  </option>
        </select>
</div>

ts 代码-:

export class CreateEmployeeComponent implements OnInit {
  DominSe: boolean = True ;

constructor() { }

  Domin: Departmants[] =
                   [{id: 1 , name: 'App Developer' },
                    {id: 2 , name: 'Web Developer'},
                  ];


  ngOnInit() {
  }

}

我在定义 DomineSe 变量时也遇到了错误

DominSe: boolean = True ;

获取错误-：

[ts] Cannot find name 'True'.
any

Answer 1

应该是true

DominSe: boolean = true;

Answer 2

布尔值应该是 true 而不是 True 并且在 html 中使用相同的变量名您在 .ts

中声明

这是示例

<div class="form-group" *ngIf="dominSe">
     <label for="domin"> Domain: </label>
     <select id="domin" class="form-control" name="domin" [(ngModel)]="domin">
         <option *ngFor="let domins of Domin"> {{domins.name}}  </option>
      </select>
</div>

并在 .ts

dominSe: boolean = true;

如何在选择下拉选项时显示 div

How to display a div on selecting a dropdown option

angularjs-directive

angular