javascript - 在 AngularJS 中动态加载 View 和 Controller

Question

我想知道在加载适当的 View 和 Controller 方面处理业务逻辑的正确方法是什么。

我有一堆工厂来加载资源、读取和写入用户进度(到本地文件)等等。用户在给定 View 上停留的时间不会超过几秒钟(总共有 6-7 个不同的 View )，然后会根据他的进度切换到另一个具有动态加载资源的 View 。

我目前的想法是拥有一个跟踪进度的服务/工厂，它被加载到索引页面上，然后每个 Controller 在完成后向它发送一个请求。此后服务更改 $state 并加载适当的数据。

我正在用 AngularJS 构建我的第一个应用程序，我尝试搜索 StackOverflow 和 Google，但我仍然不知道如何解决这个问题。

即使是为我指明正确的方向或阅读 Material ，我也将不胜感激。

Answer 1

如果您是第一次创建 AngularJs 应用程序，请按照简单的步骤操作。
1. 创建一个 index.JSP 文件，您应该在该文件中使用 ng-app 指令运行您的应用程序，并添加所有脚本和文件。
2.创建一个Js文件app.js.
在 app.js 中添加所有模块名称并使用 .run 方法运行你的 js。
3. 在不同的文件夹和不同的文件中分别维护服务、 Controller 和过滤器、指令、模板。
并且不要忘记在 app.js 中添加模块名称并在 index.jsp 中添加路径
4. 在你的服务文件中只写共享业务逻辑。
与特定文件相关的所有其他业务逻辑都将其写入 Controller 。
在这里，您正在维护 ajax 调用，因此不要将其与 Controller 混合。

.服务

.factory('angularService', function () {
  return {
    // Write business logic
  }
})

1. 声明 $starteProvider 并在您的 Controller 中定义 .states。

例如

$stateProvider.state('xyz_state', function () {
   // add url,
   // templateUrl,
   // controller
})
.controller('myFirstController', function () {
   // Add your business logic
   // scope variables
});  

6.单独维护 View 页面。
7. 分别维护Directives和Filters。