Angular Reactive多个复选框显示为第二次访问时已选中，尽管某些值是错误的

Question

我正在使用带有反应形式（FormControl）的angular 4材质设计，其中包括多个复选框。在第一次访问期间，所有复选框均显示正确的值。但是在第二次访问期间，尽管某些复选框值是false，但UI会显示所有选中的复选框。 HTML和Javascript代码

<?php
echo "Number of banned ip (live) : ";
$hand = popen("grep 'Ban' /var/log/fail2ban.log | wc -l 2>&1", 'r');
while(!feof($hand)) {
    $buff = fgets($hand);
    echo "$buff<br/>\n";
    ob_flush();
    flush();
}
pclose($hand);
echo " ";
echo "Current Log (go at the bottom of the page for the live log)";
echo " ";
$output = shell_exec('cat /var/log/fail2ban.log 2>&1');
echo "<pre>$output</pre>";
echo "Live Logs";
echo "<h1> </h1> ";
echo " ";
$handle = popen("tail -f /var/log/fail2ban.log 2>&1", 'r');
while(!feof($handle)) {
    $buffer = fgets($handle);
    echo "$buffer<br/>\n";
    ob_flush();
    flush();
}
pclose($handle);
?>

表单构建器代码：

    <mat-step [stepControl]="thirdFormGroup">
      <form [formGroup]="thirdFormGroup">
          <ng-template matStepLabel>MHE Facilities</ng-template>


     <mat-checkbox formControlName="Allopathy"  name="Allopathy">Allopathy</mat-checkbox><br>
     <mat-checkbox formControlName="Ayurveda"  name="Ayurveda">Ayurveda</mat-checkbox><br>
     <mat-checkbox formControlName="Homeopathy"  name="Homeopathy">Homeopathy</mat-checkbox><br>
     <mat-checkbox formControlName="Unani"  name="Unani">Unani</mat-checkbox><br>
     <mat-checkbox formControlName="Siddha"  name="Siddha">Siddha</mat-checkbox><br>
    </form>
            </mat-step>

将值绑定回formcontrol：

    this.thirdFormGroup = this._formBuilder.group({
     Allopathy : new FormControl(this.allopathy),
  Ayurveda : new FormControl(this.ayurveda),
  Homeopathy : new FormControl(this.homeopathy),
  Unani: new FormControl(this.unani),
  Siddha: new FormControl(this..siddha),
});