禁用 属性 按钮绑定不起作用 angular 4
disabled property of button binding not working angular 4
我对我的语法很好奇。
根据我在网上找到的文档和示例，如果我的表单无效，我的表单中的按钮应该被禁用。但是禁用的按钮 属性 不受我的表单 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 语句，以便在表单有效且被触摸时显示按钮。
我对我的语法很好奇。
根据我在网上找到的文档和示例，如果我的表单无效，我的表单中的按钮应该被禁用。但是禁用的按钮 属性 不受我的表单 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 语句，以便在表单有效且被触摸时显示按钮。