angular的$scope的使用

1. 可以在scope中直接使用

// 监听日期变化
			$scope.$watch(‘vaFilter.startEffectiveDate‘, function(newDate, oldDate, scope){
				if (!angular.isUndefined(newDate)) {
					$scope.fromDate = newDate;
				}
			});

  

2. 可以直接监视angular以外的js变量

angular.module(‘myModule‘, []).controller(‘MyCtrl‘, function() {
    $scope.$watch(‘test‘, function(newVal, oldVal){
           //TODO
});
});    

var test = "test"; test 为angular之外的js全局变量

  

时间: 2024-08-01 14:25:59

angular的$scope的使用的相关文章

满脑子都是Angular/directive/scope/git

坑1: directive要用到controller里面的东西呢,有两种办法: 通过$scope.xxx来设置的,直接用xxx引用 通过controller function 里面的 this.xxx 设置的,要通过controllerName.xxx引用 爬爬墙,更健康:附AngularJS Directive文档 坑2: git rebase和git merge有啥不同? 看看这:rebase的用法 满脑子都是Angular/directive/scope/git

angular之scope.$watch

某“大神”挖了个陨石坑,我于是乎似懂非懂的接手,玩了一个月angular.现在项目告一段落,暂别了繁重的重复性工作,可以开始回顾.认真的折腾下之前犹抱琵琶的angular. angular吸引人的特性之一就是双向绑定,model有变化view自动更新.一说到自动执行,首先浮到脑海的必须是监听和回调函数.angular也确实是这样做的,scope.$watch就是此行为的接口.一如所有的类库或框架,使用起来很简单,实现却并不容易. 我不是一个执念于从零开始的人,喜欢站在巨人的肩上,这篇随笔取材于此

angular : direative : scope 指令scope和transclude的关系

今天记入的是指令的scope和transclude关系 a 和 b 都是指令 <div a> <div b></div> </div> a transclude了b,b的$$prevSibling是a,而a的$$prevSibling不是b <div a> <div ng-transclude=""> <div b></div> </div> </div> angul

angular directive scope

1.当directive 中不指定scope属性,则该directive 直接使用 app 的scope: 2.当directive 中指定scope属性时,scope作用域有3种方式: 2.1 .   = : 代表数据双向绑定,只要该属性发生改变 ,app(即父作用域) 中scope对应的值和 directive中对应的值将同时发生改变 : 2.2 .   @ : 代表数据单向绑定,该值的改变只会影响directive ,不会影响app(即父作用域) 其他值, 也就是孤立作用域 : 2.3 .

angular : direative : scope | 指令scope里的符号@,=

先看看以下的代码 <body ng-app="app" ng-controller="ctrl"> <dir myname="name"></dir> <script src="js/angular.js"></script> <script> var app = angular.module("app", []); app.contr

angular.js_$scope

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带. Scope 是一个对象,有可用的方法和属性. Scope 可应用在视图和控制器上. AngularJS 应用组成如下: View(视图), 即 HTML. Model(模型), 当前视图中可用的数据. Controller(控制器), 即 JavaScript 函数,可以添加或修改属性. scope 是模型. scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视

angular ng-if scope权限问题

今天在一个ng-if处理的div中处理一个scope,我一开始想要打印这个选中的值,但是一直打印的是为undefined,找了一会,原来是ng-if这个指令单独开了一个作用域,它只可以继承,不可以进行往外传值,所以,必须要在要传值的地方给加上$parent 例如我要将(ng-model="query"),我要获得query,这是打印不出的,只能 (ng-model="$parent.query")

angular父子scope之间的访问

1.子可以访问父的scope,也可以更新相同的scope,但父scope不会被刷新 2.父要访问子scope的方法

angular 杂论的东西

在模块定义中 [] 参数用于定义模块的依赖关系.中括号[]表示该模块没有依赖,如果有依赖的话会在中括号写上依赖的模块名字. JavaScript 中应避免使用全局函数.因为他们很容易被其他脚本文件覆盖. AngularJS 模块让所有函数的作用域在该模块下,避免了该问题. 对于 HTML 应用程序,通常建议把所有的脚本都放置在 <body> 元素的最底部. 这会提高网页加载速度,因为 HTML 加载不受制于脚本加载. 在我们的多个 AngularJS 实例中,您将看到 AngularJS 库是