按钮绑定的禁用属性不工作角4

Question

我很好奇我的语法。

通过我在网上找到的文档和示例，如果我的表单无效，我的表单中的按钮应该被禁用。但是，禁用按钮属性不受我的表单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>

这应该有效，但事实并非如此。在语法方面我做错了什么，因为我觉得我很喜欢

Answer 1

尝试将其绑定到实际表单而不是单个输入。

[disabled]="! cityform.valid"

Answer 2

使用表单名称

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

Answer 3

所以那些工作的人都没有。我在它上面。我刚刚为dom创建了一个If语句，以便在表单有效并触摸时显示按钮。