java - 将应用程序迁移到 AngularJS？

Question

我有现有的网络应用程序，其中大多数时间页面都是以传统方式提交的(例如 document.form.submit 或 )我计划迁移到 angularJS，我是 learning 。 我不确定我们如何使用 angularJS 以传统方式(不使用 ajax)提交表单？我知道这不会是真正的单页应用程序(SPA)，但对于开始我想走这条路。

将传统应用迁移到 SPA 的方法:-将来，我想要进行 SPA，其中我将使用 AngularJS 通过 ajax 方式提交表单。我的理解很模糊我将如何处理这个问题，但想获得专家的建议。

我的理解:-假设我登陆到欢迎页面，其中包含用于创建客户的链接。我将从 WelcomeController(angularJS Controller) 向我的 servlet/spring Controller 进行 ajax 调用这将返回包含 js 文件的 html 响应。 HTML 响应将在下面继续

1)HTML 将包含 ng-view 和 ng-template，将由routeProvide使用

2)其中一个js文件将包含routeProvider信息以将ng-template与 View 映射

如果这是正确的方法，请纠正我？

Answer 1

使用 AngularJS 进行数据绑定(bind)和表单验证。当你想提交表单时，你可以依赖 jQuery:

<div ng-controller="ctrl">
     <form id="myform" name="myform">
        Name: <input type="text" ng-model="person.name" name="person.name" /> <br />
        <button ng-click="submit(person)">Submit</button>
     </form>
</div>

脚本

app.controller('ctrl', function($scope) {
     $scope.submit = function(person) {
         if ($scope.myform.$valid) {
             $('#myform').submit();
         }
     }
});

为此，请确保为输入字段提供正确范围的名称，以便它绑定(bind)到您的 MVC 模型。

这种方法确实有其局限性。例如，使用 ngModel 的输入字段不应包含任何 $formatters/$parsers ，这会限制您只能使用简单格式。