• $scope.$watch(watchFn , watchAction , deepWatch)

其中，watchFn是带有angular表达式或函数字符串；

watchAction是一个函数或者表达式，当watchFn发生变化时调用，如果是函数，其签名是function(newValue, oldValue, scope)；

deepWatch如果是ture，则会检查被监控对象的每一个属性是否发生了变化。

<script type="application/javascript">

            var modelMy = angular.module('modelMy',[]);

            modelMy.controller('shopList',['$scope',function($scope){ //scope容易被压缩成简短的其他字符 可以用第二种方法

                $scope.unitPrice = 38;

                $scope.count = 3;

                $scope.fre = 8;

                $scope.total = function(){

                    return $scope.unitPrice * $scope.count;

                };

/*              $scope.$watch( 'count' , function(value){  //监听$watch 单个''

                    console.log(value);

                })*/

                $scope.$watch( $scope.total , function(value){ //监听$watch 函数

                    $scope.fre = value >= 100 ? 0 : 8;

                })

            }])

</script>
  • $scope.$apply
<body ng-app="myApp">

  <div ng-controller="MessageController">

    Delayed Message: {{message}}

  </div>

</body>

<script>

 var m1 = angular.module('myApp',[]);

  m1.controller('MessageController', function($scope) {

      $scope.getMessage = function() {

        setTimeout(function() {

          $scope.$apply(function() {  // 在这应用$apply方法

            $scope.message = '2秒后显示该文字';

            console.log('message:' + $scope.message);

          });

        }, 2000);

      }  

      $scope.getMessage();  

    });

</script>

秒味课堂Angular js笔记------$scope.$watch和$scope.$apply的更多相关文章

  1. 秒味课堂Angular js笔记------Angular js中的工具方法

    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...

  2. 秒味课堂Angular js笔记------指令

    1.属性指令 angularjs样式相关指令: ng-class ng-style ng-href ng-src ng-attr-(suffix) ng-bind ng-cloak  没解析完之前标签 ...

  3. 秒味课堂Angular js笔记------过滤器

    不同过滤器的小demo. currency number uppercase json limitTo date orderBy filter <script> var filterMy ...

  4. Angular JS笔记

    1.引导程序 使用ng-app开始引导一个程序:标记了AngularJS应用的作用域 <!doctype html> <html lang="en" ng-app ...

  5. 【妙味课堂】JS热身课后习题

    <!--*** @Author: wyy* @Date: 2018-04-15 17:36:35* @Email: 2752154874@qq.com* @Last Modified by: w ...

  6. 妙味课堂:JavaScript初级--第11课：字符串、查找高亮显示

    1.数字字母 Unicode 编码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content- ...

  7. angular.js 中同步视图和模型数据双向绑定,$watch $digest $apply 机制

    Angular.js 中的特性,双向绑定. 让视图的改变直接反应到数据中,数据的改变又实时的通知到视图,如何做到的? 这要归功于 scope 下面3个重要的方法: $watch $digest $ap ...

  8. 妙味课堂——HTML+CSS基础笔记

    妙味课堂的课程讲得非常的清楚,受益匪浅.先把HTML和CSS基础课程部分视频的学习笔记记录如下: padding #PS基础 ##前端需要的PS技能 - PS技能(前端需要):切图.修图.测量 - P ...

  9. 妙味课堂——JavaScript基础课程笔记

    集中时间把秒微课堂JS的基础课程看完,并且认真完成了课后练习.感觉在JS方面的技能算是入了个门了.课后练习的作业完成的代码我都汇总在了这里.至于视频课的学习笔记,则记录如下. 第01课JS入门基础_热 ...

随机推荐

  1. python之7-2类的继承与多态

    类的继承的意思就如同父子关系一样,这个儿子继承了父亲的一切,但是在某些地方(属性)相同的时候,儿子的属性大于老子的属性(覆盖),最底层类,总会继承最接近它的那个类的属性init 类的多态总是和继承相连 ...

  2. 堆排序（Heap Sort）的C语言实现

    堆排序(Heap Sort)具体步骤为 将无序序列建成大顶堆(小顶堆):从最后一个非叶子节点开始通过堆调整HeapAdjust()变成小顶堆或大顶堆 将顶部元素与堆尾数组交换,此是末尾元素就是最大值, ...

  3. CodeForces 546C（队列）

    CodeForces 546C Soldier and Cards Time Limit:2000MS     Memory Limit:262144KB     64bit IO Format:%I ...

  4. iOS开发——OC篇&纯代码退出键盘

    关于iOS开发中键盘的退出,其实方法有很多中,而且笔者也也学会了不少,包括各种非纯代码界面的退出. 但是最近开始着手项目的时候却闷了,因为太多了,笔者确实知道有很多中方法能实现,而且令我影响最深的就是 ...

  5. SQLServer 取小时

    select datepart(hh,getdate())--orselect datename(hh,getdate())

  6. EMS-keil C51常用错误

    1. LAB100.C(12): error C216: subscript on non-array or too many dimensions 原程序如下: #include <reg51 ...

  7. 使用Java Applet在客户端解压缩，以及使用证书的意义

    以前解压缩是用Java Applet在客户端解压缩,而且用户不知道这回事.但是现在Chrome不支持NP API了,所以不得不把Java去掉,然后在服务器里解压缩.风险在于,解压缩以后,传输到客户端的 ...

  8. HDOJ 2117 Just a Numble（模拟除法）

    Problem Description Now give you two integers n m, you just tell me the m-th number after radix poin ...

  9. Wii硬盘版玩机心得

    若干年前在电玩巴士买了一台硬盘版的Wii,下面是我的玩机心得: 查看Wii的系统版本信息 链接:http://www.cnblogs.com/duxiuxing/p/4251693.html Wii硬 ...

  10. Java学习日记-5 关键字static和final 以及接口

    乱入:表达式中的自动类型转换 char,short,byte都升级为int类型进行运算,结果为int,但其原变量类型并不改变. 所以,byte b = 10;  b = b*b; 编译时会报错.但是写 ...