当Angular表单无效时，将启用“提交”按钮

Question

我有一个默认无效的搜索表单，因为它需要一些数据。由于表单无效，我还禁用了提交按钮：

Sub Nameit_PPT()
With ActiveWindow.Selection.ShapeRange(1)
      .Name = InputBox("Enter Selected Shape Name")
End With

 MsgBox ActiveWindow.Selection.ShapeRange(1).Name

End Sub

我正在尝试测试提交按钮被禁用，但在我的测试用例中，即使搜索表单无效，按钮也不会被禁用。

<form [formGroup]="searchForm" (ngSubmit)="search()">
     <input
        formControlName="number"
        type="search"
        required>
    <button type="submit" [disabled]="searchForm.invalid">Search</button>
</form>

这些const submitButton = fixture.debugElement.query(By.css('button[type="submit"]')); console.log(submitButton.nativeElement.disabled); console.log(component.searchForm.invalid); 给了我：

console.log

所以这是我的测试用例：

LOG: false
LOG: true

为什么会发生这种情况以及如何解决这个问题？