1

我对我的语法很好奇。

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

这应该有效，但事实并非如此。就语法而言，我做错了什么，因为我觉得我很清楚

4

3 回答 3

2

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

[disabled]="! cityform.valid"
于 2018-01-11T19:06:46.207 回答
0

使用表格名称

 <button type="submit" [disabled]="!cityform .valid" >Add City</button>
于 2018-01-11T19:07:59.063 回答
0

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

于 2018-01-11T19:24:21.670 回答