1. การใช้งานง่าย ๆ ของ $
$watch เป็นฟังก์ชั่น scope ที่รับฟังการเปลี่ยนแปลงของแบบจำลองซึ่งจะแจ้งให้คุณทราบเมื่อส่วนของการเปลี่ยนแปลงโมเดลของคุณ
$ watch (watchexpression, ผู้ฟัง, Objectequality);
คำอธิบายของแต่ละพารามิเตอร์มีดังนี้:
WatchExpression: วัตถุที่จะฟังมันอาจเป็นนิพจน์เชิงมุมเช่น 'ชื่อ' หรือฟังก์ชั่นเช่น function(){return $scope.name}
ผู้ oldValue : ฟังก์ชั่ newValue หรือนิพจน์ที่จะถูกเรียกเมื่อการ scope watchExpression
Objectequality: ไม่ว่าจะฟังอย่างลึกซึ้งหากตั้งค่าเป็นจริงมันจะบอก Angular เพื่อตรวจสอบการเปลี่ยนแปลงในแต่ละคุณสมบัติในวัตถุที่ถูกตรวจสอบ หากคุณต้องการตรวจสอบองค์ประกอบส่วนบุคคลของอาร์เรย์หรือคุณสมบัติของวัตถุแทนค่าปกติคุณควรใช้มัน
ใช้เกาลัด:
$ scope.name = 'hello'; var watch = $ scope. $ watch ('ชื่อ', ฟังก์ชั่น (newValue, oldValue, ขอบเขต) {console.log (newValue); console.log (OldValue);});2. ฟังการเปลี่ยนแปลงในหลายค่า
สถานการณ์ปกติคือการฟังการเปลี่ยนแปลงของมูลค่าหนึ่งครั้งผ่าน $watch() ซึ่งแน่นอนว่าสถานการณ์ส่วนใหญ่พอใจ อย่างไรก็ตามโดยการอ่านคำอธิบายของเว็บไซต์อย่างเป็นทางการของ $watch() , $watch() มีพารามิเตอร์ที่สามพารามิเตอร์ที่สามเป็นประเภทบูลีนซึ่งระบุว่าจะฟังอย่างลึกซึ้งหรือไม่ ตัวอย่างของการตรวจสอบอย่างลึกซึ้งคือการเปรียบเทียบคุณสมบัติของวัตถุหรือไม่
ด้วยวิธีนี้เราสามารถตรวจสอบการเปลี่ยนแปลงในหลายค่าพร้อมกัน
รหัสตัวอย่าง
var app = angular.module ("watchapp", []) .controller ("watchController", ["$ scope", ฟังก์ชั่น ($ scope) {$ scope.Object = {}; $ scope.Object.one = $ scope.one;สรุป
ข้างต้นคือทั้งหมดที่เกี่ยวกับวิธีที่ AngularJS ฟังการเปลี่ยนแปลงหลายค่าในครั้งเดียว คุณได้เรียนรู้แล้วหรือยัง? ฉันหวังว่าเนื้อหาของบทความนี้จะเป็นประโยชน์ต่อการศึกษาและการทำงานของทุกคน หากคุณมีคำถามใด ๆ คุณสามารถฝากข้อความไว้เพื่อสื่อสาร ขอบคุณสำหรับการสนับสนุน Wulin.com