草庐IT

javascript - 在 Angular 完成加载所有 View 后运行 Javascript

coder 2023-07-06 原文

我正在使用 Angular 构建一个 Web 应用程序，我正在尝试找到一种方法来等待所有 data-ng-include元素已经过评估，包括完成加载。例如，菜单是一个加载的 View ，每个页面的主要内容也是如此，所以至少有两个 data-ng-include。 s 得到评估和加载。最重要的是，菜单包含嵌套了 data-ng-repeat这就是我的菜单。我需要一种方法来在所有这些包含以及其中的任何 Angular 函数都已加载并且 DOM 实际准备就绪之后启动脚本。

当 Angular 完成页面设置时是否会触发任何事件？

AnguarJS 的实现是基本的，我们基本上是通过使用 data-ng-include 将其用于模板化。每个页面都是一个 View (不是 Angular View ，只是一个 html 文件)，通过 data-ng-include 加载，页眉和页脚位于其上方和下方。 header 还动态加载包含 Angular 全局 View (同样不是 Angular View )html 文件。

到目前为止，除了模板之外，菜单是唯一使用 AngularJS 的东西。它使用它来创建一个菜单，该菜单使用由 JSP 动态生成并插入到从服务器返回的 DOM 中的 JSON 对象。

为了让前端人员的生活更轻松，任何类型的重复 JavaScript 功能都被编码到模块中，这些模块在页面加载时被检测到，并使用 JavaScript 功能所需的元素上的 data-features 属性动态加载附加到。

例如，您可能有 <div id="mySubMenu" data-features="subMenu"></div> .在页面加载时，会检测到每个带有 data-features 元素的元素，并加载关联的 JS 模块，在这种情况下我们将加载 /scripts/modules/subMenu.js .

我需要的是一种延迟运行此功能检测和附件的方法，直到包含或其他 Angular 功能产生的所有元素都在页面上并准备好进行操作，特别是因为可能存在具有数据功能的元素其中包含的属性。

有人在其他地方提到过将 Controller 放在 body 上，但没有在它的一侧放置任何东西，但是:

$scope.$on('$viewContentLoaded', function() {
    // Init Features Here
});

那行不通，所以我在这里寻找其他选择。

在这个问题中我最终选择了 Theo 的解决方案:Sending event when angular.js finished loading

最佳答案

关于加载的内容: 

$rootScope.$on('$includeContentLoaded', function() {
    //do your will
});

关于请求的内容:

$rootScope.$on('$includeContentRequested', function() {
    //...
});

关于javascript - 在 Angular 完成加载所有 View 后运行 Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21686986/

javascriptcodesectionAngularjqueryangularjs

有关javascript - 在 Angular 完成加载所有 View 后运行 Javascript的更多相关文章

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

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

  2. ruby - 如何以所有可能的方式将字符串拆分为长度最多为 3 的连续子字符串？ - 2

    我试图获取一个长度在1到10之间的字符串，并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符，然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123

  3. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何

  4. 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=>

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

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

  6. 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您的程序将作为解释器的子进程执行。除

  7. 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

  8. ruby - 如何在续集中重新加载表模式？ - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  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 - 跳过状态机方法的所有验证 - 2

    当我的预订模型通过rake任务在状态机上转换时，我试图找出如何跳过对ActiveRecord对象的特定实例的验证。我想在reservation.close时跳过所有验证!叫做。希望调用reservation.close!(:validate=>false)之类的东西。仅供引用，我们正在使用https://github.com/pluginaweek/state_machine用于状态机。这是我的预订模型的示例。classReservation["requested","negotiating","approved"])}state_machine:initial=>'requested

随机推荐