ขอบเขตเล่นวัตถุ JavaScript พิเศษเป็นคอนโทรลเลอร์การเชื่อมต่อมุมมอง ขอบเขตมีข้อมูลรุ่น ในคอนโทรลเลอร์ข้อมูลโมเดลจะถูกเข้าถึงผ่านวัตถุ $ SCOPE
<script> var mainapp = angular.module ("mainapp", []); mainapp.controller ("shapecontroller", ฟังก์ชั่น ($ scope) {$ scope.message = "ในตัวควบคุมรูปร่าง"; $ scope.type = "รูปร่าง";}); </script>ต่อไปนี้เป็นประเด็นสำคัญที่ต้องพิจารณาในตัวอย่างข้างต้น
$ SCOPE ใช้เป็นพารามิเตอร์แรกเพื่อกำหนดตัวชี้วัดไปยังคอนโทรลเลอร์ในตัวสร้าง
$ scope.message และ $ scope.type เป็นรุ่นที่ใช้ในหน้า HTML
เราได้ตั้งค่าโมเดลเพื่อสะท้อนคอนโทรลเลอร์ของโมดูลแอปพลิเคชันใน Shapecontroller
เราสามารถกำหนดฟังก์ชั่นฟังก์ชั่นใน $ SCOPE
ขอบเขตการสืบทอด
ช่วงคือคอนโทรลเลอร์เฉพาะ หากเรากำหนดคอนโทรลเลอร์ที่ซ้อนกันเด็กคอนโทรลเลอร์จะสืบทอดขอบเขตของการควบคุมหลัก
<script> var mainapp = angular.module ("mainapp", []); MainApp.Controller ("shapecontroller", ฟังก์ชั่น ($ scope) {$ scope.message = "ในตัวควบคุมรูปร่าง"; $ scope.type = "รูปร่าง";}); mainapp.controller ("circlecontroller", ฟังก์ชั่น ($ scope) {$ scope.message = "ในวงกลมตัวควบคุม";}); </script>ต่อไปนี้เป็นประเด็นสำคัญที่ต้องพิจารณาในตัวอย่างข้างต้น
เราตั้งค่าของโมเดลใน Shapecontroller
เราแทนที่ข้อความ CircleController SubcoLer เมื่อใช้โมดูลของคอนโทรลเลอร์ circlecontroller ภายใน "ข้อความ" ถูกใช้ข้อความจะถูกใช้สำหรับเขียนใหม่
ตัวอย่าง
ตัวอย่างต่อไปนี้จะแสดงคำแนะนำทั้งหมดข้างต้น
testangularjs.html
<html> <head> <title> รูปแบบ js เชิงมุม </title> </head> <body> <h2> แอปพลิเคชันตัวอย่าง AngularJs </h2> <div ng-app = "mainapp" ng-controller = "shapecontroller"> <p> {{message} < ng-controller = "circleController"> <p> {{message}} <br/> {{type}} </p> </div> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15.15.15.15.15.15. Angular.Module ("MainApp", []); MainApp.Controller ("shapecontroller", ฟังก์ชั่น ($ scope) {$ scope.message = "ในตัวควบคุมรูปร่าง"; $ scope.type = "รูปร่าง";}); mainapp.controller ("circlecontroller", ฟังก์ชั่น ($ scope) {$ scope.message = "in circle controller";}); MainApp.Controller ("Squarecontroller", ฟังก์ชั่น ($ scope) {$ scope.message = "ใน Square Controller"; $ scope.type = "Square";}); </script> </body> </html>ผลลัพธ์
เปิด textangularjs.html ในเว็บเบราว์เซอร์ ผลลัพธ์มีดังนี้
ข้างต้นเป็นการรวบรวมข้อมูลขอบเขต AngularJS เราจะยังคงเพิ่มข้อมูลที่เกี่ยวข้องในอนาคต ขอบคุณสำหรับการสนับสนุนเว็บไซต์นี้!