草庐IT

javascript - 仅在 AngularJS 中完成初始化后才运行 Controller

coder 2024-05-08 原文

我有一些全局数据需要在我的 AngularJS 应用程序中执行任何 Controller 之前加载(即在 AngularJS 中全局解析依赖项)。

例如,我有一个带有 getCurrentUser() 方法的 UserService,它向后端服务器发出请求以获取有关当前已验证用户的数据。我有一个 Controller 需要这些数据才能启动另一个请求(例如加载用户的余额)。

我怎样才能做到这一点?

最佳答案

更新

请考虑使用 « Asynchronously Bootstrapping AngularJS Applications with Server-Side Data 中指定的方法» 文章(如果可能)。

您可以使用 angular-deferred-bootstrap模块来实现现在!


我不再确定这个答案的有效性,你仍然可以使用这些想法,但一定要用你的实际代码正确地测试它。我将尝试使用任何技术使这个答案保持最新。

旧答案

有几种解决异步应用程序初始化问题的方法。

当涉及到在调用单个 Controller 之前必须解析的数据时 - 您可以轻松地使用 resolve ngRoute 的选项的 $routeProvider .但是,当您需要在调用任何 Controller 之前加载一些全局数据时 - 您必须即兴发挥。

我试图在这个答案中收集所有可能的解决方案。我按偏好顺序提供它们。

1。使用ui-router

使用 ui-router 时而不是原生 ngRoute在激活子状态之前,您可以创建一个抽象的根状态并解析其中的所有数据。

我建议使用这种方法。 ui-router提供了许多附加功能,包括分层解决依赖关系的能力,并被开发人员社区广泛接受。

例子

module.config(function($urlRouterProvider, stateHelperProvider) {
    $urlRouterProvider.otherwise('/404');
    stateHelperProvider.setNestedState({
        name: 'root',
        template: '<ui-view/>',
        abstract: true,
        resolve: {
            user: function(UserService) {
                // getCurrentUser() returns promise that will be resolved
                // by ui-router before nested states are activated.
                return UserService.getCurrentUser();
            }
        },
        children: [{
            name: 'index',
            url: '/',
            templateUrl: '/partials/index'
        }, {
            name: 'not-found',
            url: '/404',
            templateUrl: '/partials/404'
        }, {
            name: 'balance',
            url: '/balance',
            templateUrl: '/partials/balance',
            resolve: {
                balance: function(UserService, user) {
                    // Using data resolved in parent state.
                    return UserService.getBalanceByAccountId(user.accountId);
                }
            }
        }]
    });
});

stateHelper 使用抽象根作用域方法将大大有助于减少代码。

根作用域被定义为抽象的,因此不能直接激活并且没有 URL。

template: '<ui-view/>'正确呈现嵌套 View 所必需的。

2。在根 Controller 中做出 promise

您可以做出 promise 并将其添加到 $rootScope在您的根 Controller 内部,即 run()功能。

我创建了一个 Plunk 来演示这个想法: http://plnkr.co/edit/gpguG5Y2S4KOz1KOKzXe?p=preview

这是一个完美的解决方案,但是,它会使代码膨胀并使其更难使用和理解(回调 hell )。只有当第一种方法不适合您时,我才会推荐它。

3。应用页面传递数据

您可以将所有初始化数据直接包含到服务器上生成的 HTML 页面中,并从您的应用程序访问它。

考虑这个例子:

<html>

<body>

    <script src="application.js"></script>
    <script type="text/javascript">
        application.init({
            // Pass your data here.
            userData: { ... }
        });
    </script>

</body>

</html>

并且您可以在 init() 中手动引导 AngularJS 应用程序您的自定义方法application对象。

我不太喜欢这种方法,因为我确实认为 Web 应用程序的前端和后端应该高度分离。理想情况下,你的前端应该是一个静态网站(例如,一堆可以通过 CDN 传送的 HTML、CSS 和 JS),而你的后端应该是一个没有表现层的严格的 API 服务器(即它应该对 HTML、CSS 和这样的)。但是,如果您可以接受应用程序组件之间的紧密集成,那么它是一个可行的解决方案。

关于javascript - 仅在 AngularJS 中完成初始化后才运行 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27050496/

有关javascript - 仅在 AngularJS 中完成初始化后才运行 Controller的更多相关文章

  1. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法? - 2

    总的来说,我对ruby​​还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  2. ruby-on-rails - 未初始化的常量 Psych::Syck (NameError) - 2

    在我的gem中,我需要yaml并且在我的本地计算机上运行良好。但是在将我的gem推送到ruby​​gems.org之后,当我尝试使用我的gem时,我收到一条错误消息=>"uninitializedconstantPsych::Syck(NameError)"谁能帮我解决这个问题?附言RubyVersion=>ruby1.9.2,GemVersion=>1.6.2,Bundlerversion=>1.0.15 最佳答案 经过几个小时的研究,我发现=>“YAML使用未维护的Syck库,而Psych使用现代的LibYAML”因此,为了解决

  3. ruby-on-rails - 渲染另一个 Controller 的 View - 2

    我想要做的是有2个不同的Controller,client和test_client。客户端Controller已经构建,我想创建一个test_clientController,我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集,然后呈现客户端Controller的索引View,以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

  4. ruby - 如何每月在 Heroku 运行一次 Scheduler 插件? - 2

    在选择我想要运行操作的频率时,唯一的选项是“每天”、“每小时”和“每10分钟”。谢谢!我想为我的Rails3.1应用程序运行调度程序。 最佳答案 这不是一个优雅的解决方案,但您可以安排它每天运行,并在实际开始工作之前检查日期是否为当月的第一天。 关于ruby-如何每月在Heroku运行一次Scheduler插件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8692687/

  5. ruby-on-rails - 如何在 ruby​​ 中使用两个参数异步运行 exe? - 2

    exe应该在我打开页面时运行。异步进程需要运行。有什么方法可以在ruby​​中使用两个参数异步运行exe吗?我已经尝试过ruby​​命令-system()、exec()但它正在等待过程完成。我需要用参数启动exe,无需等待进程完成是否有任何ruby​​gems会支持我的问题? 最佳答案 您可以使用Process.spawn和Process.wait2:pid=Process.spawn'your.exe','--option'#Later...pid,status=Process.wait2pid您的程序将作为解释器的子进程执行。除

  6. ruby - 无法运行 Rails 2.x 应用程序 - 2

    我尝试运行2.x应用程序。我使用rvm并为此应用程序设置其他版本的ruby​​:$rvmuseree-1.8.7-head我尝试运行服务器,然后出现很多错误:$script/serverNOTE:Gem.source_indexisdeprecated,useSpecification.Itwillberemovedonorafter2011-11-01.Gem.source_indexcalledfrom/Users/serg/rails_projects_terminal/work_proj/spohelp/config/../vendor/rails/railties/lib/r

  7. ruby-on-rails - Rails 应用程序中的 Rails : How are you using application_controller. rb 是新手吗? - 2

    刚入门rails,开始慢慢理解。有人可以解释或给我一些关于在application_controller中编码的好处或时间和原因的想法吗?有哪些用例。您如何为Rails应用程序使用应用程序Controller?我不想在那里放太多代码,因为据我了解,每个请求都会调用此Controller。这是真的? 最佳答案 ApplicationController实际上是您应用程序中的每个其他Controller都将从中继承的类(尽管这不是强制性的)。我同意不要用太多代码弄乱它并保持干净整洁的态度,尽管在某些情况下ApplicationContr

  8. ruby-on-rails - rails : How to make a form post to another controller action - 2

    我知道您通常应该在Rails中使用新建/创建和编辑/更新之间的链接,但我有一个情况需要其他东西。无论如何我可以实现同样的连接吗?我有一个模型表单,我希望它发布数据(类似于新View如何发布到创建操作)。这是我的表格prohibitedthisjobfrombeingsaved: 最佳答案 使用:url选项。=form_for@job,:url=>company_path,:html=>{:method=>:post/:put} 关于ruby-on-rails-rails:Howtomak

  9. ruby - Sinatra:运行 rspec 测试时记录噪音 - 2

    Sinatra新手;我正在运行一些rspec测试,但在日志中收到了一堆不需要的噪音。如何消除日志中过多的噪音?我仔细检查了环境是否设置为:test,这意味着记录器级别应设置为WARN而不是DEBUG。spec_helper:require"./app"require"sinatra"require"rspec"require"rack/test"require"database_cleaner"require"factory_girl"set:environment,:testFactoryGirl.definition_file_paths=%w{./factories./test/

  10. ruby-on-rails - 未在 Ruby 中初始化的对象 - 2

    我在Rails工作并有以下类(class):classPlayer当我运行时bundleexecrailsconsole然后尝试:a=Player.new("me",5.0,"UCLA")我回来了:=>#我不知道为什么Player对象不会在这里初始化。关于可能导致此问题的操作/解释的任何建议?谢谢,马里奥格 最佳答案 havenoideawhythePlayerobjectwouldn'tbeinitializedhere它没有初始化很简单,因为你还没有初始化它!您已经覆盖了ActiveRecord::Base初始化方法,但您没有调

随机推荐