ฟังก์ชันขอบเขต JS $ เป็นฟังก์ชันหลักบางส่วน ในบทความนี้เราจะพูดถึงฟังก์ชั่นนาฬิกา Angular JS ตามลำดับต่อไปนี้:
ฟังก์ชั่นนาฬิกา JS เชิงมุมคืออะไร?
ฟังก์ชันนาฬิกา JS $ เชิงมุมใช้เพื่อดูวัตถุขอบเขต $ watch คอยจับตาดูตัวแปรและเมื่อค่าของตัวแปรเปลี่ยน JS $ เชิงมุมที่เรียกใช้ฟังก์ชัน ฟังก์ชันนี้รับอาร์กิวเมนต์สองค่าหนึ่งคือค่าใหม่และอีกพารามิเตอร์คือค่าเก่า
วิธีใช้ฟังก์ชั่นนาฬิกา JS เชิงมุม?
เรามาดูตัวอย่างง่ายๆว่าฟังก์ชันนาฬิกาใน JS เชิงมุมทำหน้าที่อะไร ดังนั้นในโปรแกรม JS เชิงมุมของเราเราจึงสร้างไฟล์สองไฟล์โดยที่ index.js มีหน้าที่รับผิดชอบส่วนหน้าและ app.js มีหน้าที่จัดการแบ็กเอนด์ ที่นี่เราสร้างโปรแกรมง่ายๆด้วยแบบฟอร์มและแบบฟอร์มนี้มีช่องป้อนข้อมูล เมื่อเราตั้งชื่อลงในช่องอินพุตข้อความผลลัพธ์จะแสดงค่าเก่าและค่าใหม่
รหัส HTML
หน้า index.html ของเรามีแอพเชิงมุมที่มีชื่อ ngWatchApp และคอนโทรลเลอร์ที่มีชื่อwatchController. จากนั้นเราสร้างแบบฟอร์มที่มีชื่อฟิลด์อินพุตและค่าของฟิลด์อินพุตนั้นที่เราพิมพ์ในแท็ก h1 และข้อความจะพิมพ์ออกมา
แท็ก
ตัวอย่างนาฬิกาเชิงมุมป้อนชื่อของคุณ{{ข้อความ}}
รหัส JavaScript
ใน app.js เราสร้างแอพที่มีชื่อ ngWatchApp และคอนโทรลเลอร์ที่มีชื่อwatchController. ต่อไปเรากำหนดตัวแปรทั้งสองในขอบเขตด้วยชื่อชื่อและข้อความและในฟังก์ชันนาฬิกาเราส่งผ่านพารามิเตอร์สองตัวหนึ่งคือชื่อของฟิลด์ที่ได้รับผลกระทบเมื่อมีการเปลี่ยนแปลงและอื่น ๆ คือฟังก์ชันที่มีพารามิเตอร์สองตัว ค่าใหม่และค่าเก่า สุดท้ายเราผนวกสองค่าในตัวแปรข้อความและตัวแปรข้อความจะแสดงบนindex.htmlหน้า.
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// การเพิ่มตัวแปรขอบเขต $ scope.name = '' $ scope.message = '' // เพิ่ม นาฬิกาที่มีช่องชื่อ $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus คือ $ {newValue} และค่าเก่าคือ $ {oldValue}`} )})เมื่อใดก็ตามที่เราดูฟังก์ชันฟังก์ชันนี้จะเรียกใช้หลายครั้งตามการย่อย เมื่อใดก็ตามที่โค้ดดำเนินการ AngularJS จะส่งผ่านการอ้างอิงขอบเขต $ ปัจจุบันเป็นอาร์กิวเมนต์แรก ไม่เพียง แต่หมายความว่าเราสามารถอ้างอิงขอบเขตที่เหมาะสมจากภายในเนื้อหาของฟังก์ชันเท่านั้น แต่ยังหมายความว่าเราสามารถดูฟังก์ชันใด ๆ ที่คาดว่าจะมีการอ้างอิงขอบเขต $
mysql workbench tutorial สำหรับผู้เริ่มต้น
นี่คือวิธีที่เราสามารถใช้ฟังก์ชัน angular js watch () ในแอปพลิเคชันเพื่อดูการเปลี่ยนแปลงตัวแปร $ scope มีบางสิ่งอื่น ๆ ที่ทำงานร่วมกับ $ watch สิ่งเหล่านี้คือฟังก์ชัน $ Digest () วนซ้ำผ่านนาฬิกาทั้งหมดในวัตถุ $ ขอบเขตเมื่อ$ Digest ()วนซ้ำบนนาฬิกาเรียกฟังก์ชันค่าสำหรับนาฬิกาแต่ละเรือน$ ขอบเขต $ ใช้ ()ฟังก์ชันรับฟังก์ชันเป็นพารามิเตอร์ซึ่งถูกเรียกใช้งานและหลังจากนั้น$ ขอบเขต. $ Digest ()เรียกว่าเป็นการภายใน
ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความ Angular JS watch Function หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ Angular framework โปรดดูที่ไฟล์ ซึ่งมาพร้อมกับการฝึกอบรมสดที่นำโดยผู้สอนและประสบการณ์โครงการในชีวิตจริง การฝึกอบรมนี้จะช่วยให้คุณเข้าใจ Angular ในเชิงลึกและช่วยให้คุณบรรลุความเชี่ยวชาญในเรื่องนั้น ๆ
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ 'Angular JS Watch Function' แล้วเราจะติดต่อกลับไป