Angular 角度2标记验证未停止提交

给定以下代码：

<form #theForm="ngForm" novalidate>
<div *ngIf="pickUpAddress.cannotVerify">
   <div class="form-group">
      <sh-manual-address [(ngModel)]="pickUpAddress" #manualAddress="ngModel" [address]="pickUpAddress" name="manualAddress"></sh-manual-address>
   </div>
</div>
</form>
<div>
    <button type="button" [disabled]="!theForm.control?.valid " (click)="navigateToConfirmation()">Continue</button>
</div>

继续

和自定义部分：

<ng-form name="manualAddress">
<div>
<div class="label">
      Postcode
    </div>
    <div class="input">
      <input ngControl="pickUpAddress.postcode" #postalcode="ngModel" [(ngModel)]="address.postcode" name="postcode" placeholder="Postcode"
        required/>
      <div *ngIf="postalcode.errors" class="input-error">Postcode is mandatory</div>
    </div>
  </div>
</ng-form>

邮编
邮政编码是强制性的

问题是，即使未填写邮政编码，继续按钮也将启用。在我看来，这应该是可行的，但不是。当然，表单中还有其他元素-这些元素阻止了按钮。我错过了什么

---

在另一个世界：我如何让两个组件相互对话？

终于弄明白了发生了什么，这是一个很大的帮助：

<div [formGroup]="adressForm">
    <div class="form-group col-xs-6">
        <label>street</label>
        <input type="text" class="form-control" formControlName="street">
        <small [hidden]="adressForm.controls.street.valid" class="text-danger">
            Street is required
        </small>
    </div>
    <div class="form-group col-xs-6">
        <label>postcode</label>
        <input type="text" class="form-control" formControlName="postcode">
    </div>
</div>

街道
街道是必需的
邮政编码

注意事项：被动、FormGroup、Validtor和FromBuilder