秒味課堂Angular js筆記------$scope.$watch和$scope.$apply

來源:互聯網
上載者:User

標籤:調用   ica   action   count   對象   函數   apply   function   mod   

  • $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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.