Angular 按钮绑定的已禁用属性不起作用4

我对我的语法很好奇

根据我在网上找到的文档和示例，如果我的表单无效，则应禁用表单中的按钮。但是，buttons disabled属性不受my form css逻辑的影响

html：

 <form (ngSubmit)="addcity()" #cityform ="ngForm">
      <input type="text"
             placeholder="add a city"
             id="cityadd"
             name="cityadd"
             ngModel
             pattern="([A-Z][a-z]*(\s[A-Z][a-z]*)*)"
             #formcitycss ="ngModel">
      <button type="submit" [disabled]="!formcitycss.valid" >Add City</button>
    </form>

添加城市

---

这应该行得通，但是不行。就语法而言，我做错了什么，因为我觉得我很在行

尝试将它绑定到实际形式，而不是单个输入

[disabled]="! cityform.valid"

使用表单名称

 <button type="submit" [disabled]="!cityform .valid" >Add City</button>

添加城市

所以这两个地方都不工作。我受够了。我刚刚为dom创建了一个If语句，以便在表单有效且被触摸时显示按钮。

根据，它应该是

[禁用]=“！cityform.form.valid”

。