【问题标题】:Angular2 Reactive Form edit errorAngular2反应表单编辑错误
【发布时间】:2018-09-05 16:13:51
【问题描述】:

这是我的创建投票页面。

这是我的编辑表单。

当我单击创建投票按钮时,它运行良好,但是当我单击编辑按钮时,它会在表单中显示所有要编辑的值,但它不会启用按钮,直到我触摸输入文本框并更改输入文本框上的某些值.

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

【问题讨论】:

  • 你的问题是什么,你的代码是什么
  • 我只是想进行编辑操作。我期望的是,当我单击编辑按钮时,它应该启用编辑投票按钮,但它被禁用了。只有当我触摸所有文本框时才会启用它。
  • 禁用按钮的条件是什么?
  • 再次,显示一些代码

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


【解决方案1】:

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

看起来你按钮disabled属性绑定到pristine

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

更新为:

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

【讨论】:

    【解决方案2】:

    如前人所说,如果你能分享一些片段代码会更好。

    无论如何,根据您的解释,它似乎要等到您的表单标记为“脏”。 再次检查是否没有为编辑按钮元素上的 [disabled] 属性设置条件。

    【讨论】:

      猜你喜欢
      • 2018-10-13
      • 1970-01-01
      • 2011-06-06
      • 2017-12-30
      • 1970-01-01
      • 1970-01-01
      • 2017-09-14
      • 2017-09-12
      • 2013-05-26
      相关资源
      最近更新 更多