【问题标题】:Don't Change Route Unless Form Valid除非表格有效,否则不要更改路线
【发布时间】:2016-09-11 12:14:48
【问题描述】:

我正在使用带有 Typescript 的 Angular(定义:angular.d.ts),设置如下

  • 控制器1
    • Form1
  • 控制器2
    • Form2
  • ShareService - 包含由 Controller1 和 controller2 共享的模型的服务。

我有一个保存按钮,它将从 ShareService 发布模型并保留所有更改。

如果当前 Form1 无效,我如何防止用户导航到 Form2,反之亦然?

我正在使用 ngRoute 进行应用程序路由。我还使用控制器作为范围内的语法。

【问题讨论】:

  • 你能提供一些代码吗?

标签: angularjs typescript


【解决方案1】:

看看这个:https://docs.angularjs.org/guide/forms 您可以使用 ng-valid 或使用自定义代码对提交按钮上的 ng-click 事件进行验证。

【讨论】:

  • 我怎样才能将它与路线变化联系起来?除非当前表单有效,否则我不希望用户更改路线/视图。路由中没有内置任何内容吗?
  • 以编程方式更改路由,在 ng-click 事件中,只有在表单有效时才能触发路由更改,否则 ng-click 不执行任何操作或显示一些错误消息。
猜你喜欢
  • 2021-05-16
  • 2017-08-17
  • 1970-01-01
  • 2011-01-25
  • 1970-01-01
  • 2019-06-08
  • 1970-01-01
  • 2011-04-03
  • 2017-03-11
相关资源
最近更新 更多