Angular 角度6：如何隐藏&；是否使用“按选择”选项显示字段集？

我正在使用angular6。我想禁用和启用字段集。我需要先不显示字段集，然后在下拉列表中选择选项后显示。

在字段集中使用带有变量（false）的ngIf，在选择上可以将其更改为true

<fieldset *ngIf="flag">
.....
...
</fieldset>

.....
...

最初，标志值将为false

<select (change)="onChange($event.target.value)">
    <option *ngFor="let i of devices">{{i}}</option>
</select>

onChange(deviceValue) {
    console.log(deviceValue);
    this.flag = true
}

{{i}
onChange（设备值）{
console.log（设备值）；
this.flag=true
}

HTML:

<div class="row">
  <div class="col-md-4 col-md-offset-4">
    <select (change)="onChange($event)" name="sel2">
           <option *ngFor="let c of countries">{{c.name}}</option>
    </select>
  </div>
</div>
<br>
<div class="row" *ngIf="showSubmit">
  <div class="col-md-4 col-md-offset-4">
     <button class="btn btn-primary" type="submit">Submit</button>
  </div>
</div>

export class AppComponent implements AfterViewInit { 
          showSubmit: any;
          countries = [
            { id: 1, name: "United States" },
            { id: 2, name: "Australia" },
            { id: 3, name: "Canada" },
            { id: 4, name: "France" },
            { id: 5, name: "England" }
          ];
          selectedValue = "France";      

  onChange(event) {
    if (event.target.value === "England") {
      this.showSubmit =true;
    } else {
      this.showSubmit =false;
    }
}

---

工作演示：

您的尝试是什么？提供一些代码。谢谢！工作正常，如我所料，请注明答案