angular中 watch監視使用

2021-08-28 13:42:12 字數 697 閱讀 7548

$watch()函式,用於監視模型資料的變化。

$watch(引數1,引數2,引數3)

監聽單個普通變數

$scope.$watch("name", function() )
監聽多個變數

$scope.$watch("name + age", function() )
3、監聽物件的資料

$scope.$watch("users.username", function() )
4、監視物件的所有屬性

$scope.$watch("users", function() ,true)
5、監聽陣列資料而不監聽陣列中的物件資料

$scope.$watchcollection("user",function())
監聽資料發生變化的細節:修改後vs 修改前

$scope.$watch("username",function(newvalue, oldvalue) )
$watch可以重複,不會被覆蓋,都會執行!

$scope.$watch("username", function(newvalue, oldvalue) )

angular中ng if和 watch衝突問題

問題 專案中需要通過按鈕控制div的顯示和隱藏,開始選用的ng if控制,但是div中還需要用 watch監聽select框的變化,發現無法監聽到select中的資料變化 1 由於該select在別的模組中也是通過 watch監聽的,資料都正常,所以第一感覺就是ng if的問題 2 檢視ng if的...

angular學習筆記 十四 watch 1

本篇主要介紹 watch的基本概念 watch是所有控制器的 scope中內建的方法 scope.watch watchobj,watchcallback,ifdeep watchobj 需要被檢測的物件,可以是以下任意一種 1.某個資料,監測這個資料的值是否發生變化 2.一條angular表示式,...

angular學習筆記 十四 watch 2

下面來看乙個 watch的比較複雜的例子 還是回到一開始講的購物車例子,給它新增乙個計算總價和折扣的功能,如果總價超過500,則優惠10 如下 doctype html html head title 11.1 watch監控資料變化 title meta charset utf 8 script ...