草庐IT

javascript - $rootScope 作为事件聚合器

coder 2025-01-30 原文

我正在使用 angular-js。我有一项服务需要在每次发生某事时触发事件。为此，我需要一个对象来充当 event aggregator。

  1. 我需要 build 一个吗？或者我应该使用 $rootScope 吗？
  2. 如果我应该使用$rootScope，我如何确保没有事件名称冲突？
  3. 对于不需要它们传播到子作用域的事件，使用 $rootScope 是否有效？

最佳答案

我在平板电脑的 Web 项目中建模并实现了以下机制:

  1. 在您的服务中定义通知。我不想使用术语事件，因为我不希望我团队中的其他开发人员将它与DOM 事件 混淆。对于具有智能感知支持的 IDE 和调试，通知的半类型名称更容易。例如，我有一个 Device 服务，当平板电脑设备的方向发生变化时，该服务将$broadcast(Device.Notification.OrientationDidChange)。

  2. 使用 Scope 对象来$broadcast 或 $emit notifications，具体取决于您的需要。例如，

    • 对于像前一个那样的全局通知，我这样做:$rootScope.$broadcast(Device.Notification.OrientationDidChange)。所以所有的监听器都可以在他们自己的范围内监听，而无需注入(inject) $rootScope。
    • 对于可能只影响当前范围(及其子范围)的本地通知，例如范围需要告诉其所有子范围的通知当前 Controller 的布局发生变化，通常我这样做:scope.$broadcast(UI.Notification.NeedsLayout)，其中 UI 是一个预定义的服务，用于保存与 UI 相关的常量， scope 是当前范围。
    • 对于子作用域需要向上发送的某些通知，例如，告诉上升作用域 rangeStart 值已更改的 slider 指令(除了常规双向绑定(bind)之外)，我使用: scope.$emit(Slider.Notification.RangeStartDidChange)，其中 scope 是当前范围。

  3. 这种方法在小项目中有点冗长。您可能希望始终坚持使用 $rootScope.$emit(Notification)，并让所有监听器执行 $rootScope.$on(Notification, callback) 以接收这些通知。

  4. 在某些情况下，您可能希望在集中式服务中定义这些通知，以便更轻松地避免名称冲突。它实际上基于您项目的命名约定。

  5. 这些通知的实现(实际值)可能会有所不同。我更喜欢使用 strings。

  6. 使用 $broadcast 或 $emit 您实际上还可以将其他参数传递给监听器，例如，$broadcast(Notification, arg1, arg2)... Angular's documentation很详细。

关于javascript - $rootScope 作为事件聚合器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17626586/

javascriptrootScopecodeNotificationangularjsangularjs-scope

有关javascript - $rootScope 作为事件聚合器的更多相关文章

  1. ruby - RSpec - 使用测试替身作为 block 参数 - 2

    我有一些Ruby代码，如下所示:Something.createdo|x|x.foo=barend我想编写一个测试，它使用double代替block参数x，这样我就可以调用:x_double.should_receive(:foo).with("whatever").这可能吗？ 最佳答案 specify'something'dox=doublex.should_receive(:foo=).with("whatever")Something.should_receive(:create).and_yield(x)#callthere

  2. ruby - 字符串文字中的转义状态作为 `String#tr` 的参数 - 2

    对于作为String#tr参数的单引号字符串文字中反斜杠的转义状态，我觉得有些神秘。你能解释一下下面三个例子之间的对比吗？我特别不明白第二个。为了避免复杂化，我在这里使用了'd'，在双引号中转义时不会改变含义("\d"="d")。'\\'.tr('\\','x')#=>"x"'\\'.tr('\\d','x')#=>"\\"'\\'.tr('\\\d','x')#=>"x" 最佳答案 在tr中转义tr的第一个参数非常类似于正则表达式中的括号字符分组。您可以在表达式的开头使用^来否定匹配(替换任何不匹配的内容)并使用例如a-f来匹配一

  3. ruby-on-rails - 事件管理员日期过滤器日期格式自定义 - 2

    是否有简单的方法来更改默认ISO格式(yyyy-mm-dd)的ActiveAdmin日期过滤器显示格式？ 最佳答案 您可以像这样为日期选择器提供额外的选项，而不是覆盖js:=f.input:my_date,as::datepicker,datepicker_options:{dateFormat:"mm/dd/yy"} 关于ruby-on-rails-事件管理员日期过滤器日期格式自定义，我们在StackOverflow上找到一个类似的问题： https://s

  4. ruby-on-rails - 事件记录 : Select max of limit - 2

    我正在尝试将以下SQL查询转换为ActiveRecord，它正在融化我的大脑。deletefromtablewhereid有什么想法吗？我想做的是限制表中的行数。所以，我想删除少于最近10个条目的所有内容。编辑:通过结合以下几个答案找到了解决方案。Temperature.where('id这给我留下了最新的10个条目。 最佳答案 从您的SQL来看，您似乎想要从表中删除前10条记录。我相信到目前为止的大多数答案都会如此。这里有两个额外的选择:基于MurifoX的版本:Table.where(:id=>Table.order(:id).

  5. ruby-on-rails - 应用程序的名称是否可以作为变量使用？ - 2

    当我创建一个Rails应用程序时，控制台:railsnewfoo我的代码可以使用字符串“foo”吗？puts"Yourapp'snameis"+app_name_bar 最佳答案 Rails.application.class将为您提供应用程序的全名(例如YourAppName::Application)。从那里您可以使用Rails.application.class.parent获取模块名称。 关于ruby-on-rails-应用程序的名称是否可以作为变量使用？，我们在StackOve

  6. ruby-on-rails - 使用作为方法的值在 ruby​​ 中搜索哈希 - 2

    我在搜索我的值是方法的散列时遇到问题。我只是不想运行plan_type与键匹配的方法。defmethod(plan_type,plan,user){foo:plan_is_foo(plan,user),bar:plan_is_bar(plan,user),waa:plan_is_waa(plan,user),har:plan_is_har(user)}[plan_type]end目前如果我传入“bar”作为plan_type，所有方法都会运行，我怎么能只运行plan_is_bar方法呢？ 最佳答案 这个变体怎么样？defmethod

  7. ruby - 无法在 Ruby 中将 ffmpeg 作为子进程运行 - 2

    我正在尝试使用以下代码通过将ffmpeg实用程序作为子进程运行并获取其输出并解析它来确定视频分辨率:IO.popen'ffmpeg-i'+path_to_filedo|ffmpegIO|#myparsegoeshereend...但是ffmpeg输出仍然连接到标准输出并且ffmepgIO.readlines是空的。ffmpeg实用程序是否需要一些特殊处理？或者还有其他方法可以获得ffmpeg输出吗？我在WinXP和FedoraLinux下测试了这段代码-结果是一样的。 最佳答案 要跟进mouviciel的评论，您需要使用类似pope

  8. ruby-on-rails - 使用 javascript 更改数据方法不会更改 ajax 调用用户的什么方法？ - 2

    我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的

  9. ruby-on-rails - 事件管理员和自定义方法 - 2

    这是我在ActiveAdmin中的自定义页面ActiveAdmin.register_page"Settings"doaction_itemdolink_to('Importprojects','settings/importprojects')endcontentdopara"Text"endcontrollerdodefimportprojectssystem"rakedataspider:import_projects_ninja"para"OK"endendend我想做的是，当我单击“导入项目”按钮时，我想在Controller中执行rake任务。但是我无法访问该方法。可能是什

  10. ruby - 如何跳过 CSV 文件的第一行并将第二行作为标题 - 2

    有没有办法跳过CSV文件的第一行，让第二行作为标题？我有一个CSV文件，第一行是日期，第二行是标题，所以我需要能够在遍历它时跳过第一行。我尝试使用slice但它会将CSV转换为数组，我真的很想将其读取为CSV，以便我可以利用header。 最佳答案 根据您的数据，您可以使用另一种方法和skip_lines-option此示例跳过所有以#开头的行require'csv'CSV.parse(DATA.read,:col_sep=>';',:headers=>true,:skip_lines=>/^#/#Markcomments!)do|

随机推荐