Angular2 Reactive Form编辑错误

时间:2018-03-27 09:53:31

标签: angular angular2-forms angular-reactive-forms

这是我的创建投票页面。 ][1]

这是我的编辑表格。 ][2]

当我点击创建轮询按钮时,它运行良好,但是当我单击编辑按钮时,它会显示要在表单中编辑的所有值,但是在我触摸输入文本框并更改输入文本框上的某个值之前它不会启用该按钮

即使所有值都填写在表单中,编辑表单上的按钮编辑器也会被禁用。 只有当我触摸所有输入文本字段并覆盖该值时,才会启用editpoll按钮。

2 个答案:

答案 0 :(得分:1)

  

仅当我触摸所有输入时,才会启用editpoll按钮   文本字段并覆盖该值。

按钮disabled属性被绑定到pristine

<button type="submit" [disabled]="form.pristine && !form.valid" />

将其更新为:

 <button type="submit" [disabled]="!form.valid" />

enter image description here

答案 1 :(得分:0)

正如之前的人说的那样,如果你分享一些片段代码会更好。

任何方式,根据你的解释,它似乎等到你的表格标记为“脏”。 如果在编辑按钮elemnt上没有为[disabled] attr设置条件,请再次检查。