`
hiuman
  • 浏览: 52311 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

关于AngularJS的$watch的一些小用法

阅读更多
有用的网页:
http://www.angularjs.cn/A0a6
http://yuankeqiang.lofter.com/post/8de51_1454f93
http://www.myexception.cn/web/2077645.html
http://xlows.blog.51cto.com/5380484/1425445


<!DOCTYPE html>
<html ng-app="MainAPP">
<head>
	<title></title>
	<meta charset="utf-8">
	<script src="angular.min.js"></script>
</head>
<body ng-controller="MainCtrl">
  <input ng-model="name" />
  Name updated: {{updated}} times.

<script type="text/javascript">
	var app = angular.module('MainAPP',[]);
	app.controller('MainCtrl', function($scope) {
	  $scope.name = "Angular";

	  $scope.updated = 0;

	  var watch = $scope.$watch('name', function(newValue, oldValue) {
	    if(newValue === oldValue){ return; }
	    $scope.updated++;
	    var oname='Angular'
	    console.log(newValue==oname);
	  });
	});
</script>
</body>
</html>



  • 大小: 9.3 KB
分享到:
评论

相关推荐

    AngularJS中$apply方法和$watch方法用法总结

    当时小编对这个方法不是很了解,所以在网上找了一些资料来学习一下,下面小编就给大家简单介绍一些AngularJS中Scope 提供$apply 方法传播Model 的变化和$watch方法监听module变化。 $apply使用情景 AngularJS 外部的...

    AngularJs $parse、$eval和$observe、$watch详解

    在AngularJS中,有多个内置服务和方法可以帮助开发者实现数据绑定和状态管理,其中包括了$parse、$eval、$observe和$watch。本文将详解这些方法的作用、用法及它们之间的区别和联系。 首先,我们来了解$parse服务。...

    AngularJS中watch监听用法分析

    首先,我们来看一下$watch的基本用法。$watch是一个作用域对象的方法,它接受三个参数:watchExpression、listener以及一个可选的objectEquality参数。watchExpression参数是一个字符串或函数,用来指定需要监听的...

    AngularJS中$watch和$timeout的使用示例

    AngularJS是谷歌开发的一个流行的JavaScript框架,主要用于构建动态Web应用程序。在AngularJS中,$watch和$timeout是两个...通过学习这两个服务的用法,开发者可以更好地掌握AngularJS的动态数据绑定和任务调度的技巧。

    Angular中的$watch方法详解

    Angular中的$watch方法是AngularJS框架中的一种重要机制,用于监听模型的变化,并在变化时触发某些事件。下面将对$watch方法进行详细的介绍。 一、$watch方法简介 $watch方法是AngularJS框架中的一种机制,用于...

    angularJS 中$scope方法使用指南

    在AngularJS中,$scope还支持一些高级特性,比如作用域继承、隔离作用域、$scope.$apply()、$scope.$watch()等。 #### 作用域继承 在嵌套的控制器中,子控制器会继承父控制器的$scope对象,这允许在子作用域中访问...

    angularJS理论与实战.ppt

    本资料"angularJS理论与实战.ppt"将深入探讨AngularJS的核心概念、基本用法以及实战技巧,帮助开发者从理论到实践全面掌握这一强大的框架。 一、AngularJS核心概念 1. MVC架构:AngularJS基于MVC模式,将应用分为...

    AngularJS 监听变量变化的实现方法

    首先,我们需要了解$watch的基本用法。$watch函数接收三个参数: 1. 要监听的表达式(expression):这可以是$scope对象上的任何属性或方法,如`'search.subj'`,它表示我们要监听`search`对象下的`subj`属性。 2. ...

    AngularJS 的$timeout服务示例代码

    这个简单的例子演示了$timeout服务的基础用法,可以帮助开发者理解如何在AngularJS应用中异步地更新视图。需要注意的是,$timeout服务返回的定时器ID可以被存储在作用域中,以便之后调用$timeout.cancel方法取消...

    AngularJS中的DOM操作用法分析

    关于使用第三方插件,当页面中已经包含了jQuery库时,直接使用jQuery插件可能会干扰AngularJS的数据绑定,因此建议尽可能避免这种情况,或者确保第三方插件被封装在一个AngularJS指令中。 此外,在AngularJS社区中...

    angularJS学习资料总结

    3. $watch与脏检查:学习何时和如何使用$watch监听模型变化,以及脏检查的工作原理。 4. 路由的高级用法:掌握路由参数、嵌套路由、状态管理等高级功能。 5. 性能优化:学习如何通过减少$digest循环、使用one-time ...

    AngularJS学习笔记.pdf

    以下是一个简单的 AngularJS 示例,用于演示数据双向绑定和控制器的基本用法: ```html &lt;!DOCTYPE html&gt; 试验 &lt;script type="text/javascript" src="jquery-1.8.3.js"&gt;&lt;/script&gt; ...

    AngularJS实现一次监听多个值发生的变化

    在AngularJS框架中,对数据模型的监听是一种常见的需求,以实现视图与...本文通过对`$watch`函数用法的详细说明和示例代码,介绍了如何利用AngularJS一次监听多个值的变化,帮助开发者更好地掌握数据绑定和监听的技巧。

    AngularJS实战之ng-repeat的详细用法

    **AngularJS实战之ng-repeat的详细用法** AngularJS,作为一个强大的前端JavaScript框架,由Google维护,被广泛用于构建交互式、数据驱动的Web应用程序。其中,`ng-repeat`指令是AngularJS中的核心功能之一,它允许...

    AngularJS全局scope与Isolate scope通信用法示例

    AngularJS是一种前端开发框架,它使用了MVC(Model-View-Controller)设计模式,以及MVVM(Model-View-ViewModel)模式。它的核心是利用了JavaScript中的数据绑定功能,以此来简化动态HTML的应用开发。在AngularJS中...

    Leanpub.D3.on.AngularJS.Apr.2014

    #### 关于本书:创造动态可视化 - 使用 AngularJS 和 D3.js 的完美结合 《Leanpub.D3.on.AngularJS.Apr.2014》是一本专注于如何使用 AngularJS 和 D3.js 创建动态可视化的书籍。本书由 Ari Lerner 和 Victor Powell...

    angularjs-shared-service:$shared 服务避免直接使用 $rootScope

    angularjs 共享服务$shared 服务避免直接使用 $rootScope基本用法获取/设置 $shared . set ( 'someKey' , 'hello!' )$shared . get ( 'someKey' ) 手表 $shared . watch ( 'someKey' , function ( newVal ) { alert ...

Global site tag (gtag.js) - Google Analytics