当前位置: 首页 > 面试题库 >

Angular JS $ watch vs $ on

江俊能
2023-03-14
问题内容

每当父范围中的状态发生变化时,我都希望在指令内执行一个函数。

实现此目的的明显方法是使用事件广播($
broadcast
)和侦听器($
on
)。

我很好奇是否可以使用$ watch代替事件广播。如果是,那么两者如何比较?

据我了解,要观察的表达式在每个$ digest循环中进行评估。那么事件比观看更有效吗?


问题答案:

$watch函数用于监视范围内的变量。作用域继承还允许您监视父作用域变量,因此,这绝对是使用案例的方法。正如您正确地说的,$on它用于监视事件,您可以监视事件$broadcast到子作用域或$emit父作用域。这样可以给您更多的控制权,但是在编码时可能会导致更多的错误,因为您可以从不监视的地方更新范围变量,而忘记通知侦听器。

当您不继承作用域变量时,仍然可以使用事件。但是请注意不要污染大范围,使用服务可能是一种选择,因为您会立即看到它是否被注入。

由于指令获取其作用域(或从其继承)的作用域,因此我想$watch在这里说一个更清洁的选择。

如果要在指令上使用隔离范围,则可以将参数作为属性传递$observe



 类似资料:
  • angular是什么? AngularJS 最初由Misko Hevery 和Adam Abrons于2009年开发,后来成为了Google公司的项目。AngularJS弥补了HTML在构建应用方面的不足,其通过使用标识符(directives)结构,来扩展Web应用中的HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。 安装angular bower

  • 更改历史 * 2018-1-27 高天阳 整理文档 补充$log * 2018-1-23 武超敏 增加$q内容 * 2017-9-17 张飞 添加参考链接 * 2017-6-1 杨丽 初始化文档 1 历史、现状和发展 1.1 历史 AngularJS最初由Misko Hevery和Adam Abrons于2009年开发,后来成为了Goog

  • Angular JS (Angular.JS) 是一组用来开发 Web 页面的框架、模板以及数据绑定和丰富 UI 组件。它支持整个开发进程,提供 Web 应用的架构,无需进行手工 DOM 操作。 AngularJS 很小,只有 60K,兼容主流浏览器,与 jQuery 配合良好。 数据绑定可能是 AngularJS 最酷最实用的特性。它能够帮助你避免书写大量的初始代码从而节约开发时间。一个典型的

  • 本文向大家介绍AngularJS ngCloak,包括了AngularJS ngCloak的使用技巧和注意事项,需要的朋友参考一下 示例 该ngCloak指令用于防止在加载应用程序时浏览器以原始(未编译)形式简短地显示Angular html模板。-查看源 的HTML ngCloak 可以应用于body元素,但是首选用法是将多个ngCloak指令应用于页面的一小部分,以允许逐步呈现浏览器视图。 该

  • 主要内容:Bootstrap,HTML 代码,指令解析,Bootstrap 类解析,JavaScript 代码,myUsers.js,JavaScript 代码解析AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架。 查看 Bootstrap教程。 Bootstrap 你可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: <link re

  • 主要内容:AngularJS 全局 API,实例,实例,实例,实例API 意为 Application Programming Interface(应用程序编程接口)。 AngularJS 全局 API AngularJS 全局 API 用于执行常见任务的 JavaScript 函数集合,如: 比较对象 迭代对象 转换对象 全局 API 函数使用 angular 对象进行访问。 以下列出了一些通用的 API 函数: API 描述 angular.lowercas

  • 主要内容:使用 PHP 从 MySQL 中获取数据,AngularJS 实例,ASP.NET 中执行 SQL 获取数据,AngularJS 实例,服务端代码,跨域 HTTP 请求,1. PHP 和 MySql 代码实例,2. PHP 和 MS Access 代码实例,3. ASP.NET VB 和 MS Access 代码实例,4. ASP.NET VB Razor 和 SQL Lite 代码实例在前面章节中的代码也可以用于读取数据库中的数据。 使用 PHP 从 MySQL 中获取数据 Angu

  • 主要内容:使用 ng-options 创建选择框,ng-options 与 ng-repeat,应该用哪个更好?,数据源为对象AngularJS 可以使用数组或对象创建一个下拉列表选项。 使用 ng-options 创建选择框 在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表,列表项通过对象和数组循环输出,如下实例: 实例 <div ng-app="myApp" ng-controller="myCtrl"> <select ng-init="selectedN