将应用程序迁移到 AngularJS？

Question

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

将传统应用程序迁移到 SPA 的方法:- 将来，我想去 SPA，我将使用 AngularJS 通过 ajax 方式提交表格。我有模糊的认识我将如何处理这个问题，但想就此获得专家的建议。

我的理解：- 假设我登陆带有 link 的欢迎页面以创建客户。我将从 WelcomeController(angularJS 控制器) 向我的 servlet/spring 控制器发出 ajax 调用这将 return html 响应包含 js 文件。 HTML 回复将包含在下方

1)HTML 将包含将由 routeProvide

使用的 ng-view 和 ng-template

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

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

Answer 1

使用 AngularJS 进行数据绑定和表单验证。当你想提交表单时，你可以依赖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();
         }
     }
});

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

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

Answer 2

我正在寻找 Single Page App with AngularJS，它描述了如何使用 AngularJS（具有路由器、控制器、服务等功能）以清晰简洁的方式获得完整的 SPA 网络应用程序

将应用程序迁移到 AngularJS？

Migrating app to AngularJS?

java

web-applications

angularjs

single-page-application