除非表格有效，否则不要改变路线

Question

我使用Angular with Typescript（定义：angular.d.ts）并进行以下设置

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

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

如果当前Form1无效，我如何阻止用户导航到Form2，反之亦然？

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

Answer 1

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