ตำแหน่งของคำสั่ง ng-app (html vs body)

Question 1

ฉันเพิ่งตรวจสอบโค้ดสำหรับเว็บแอปที่สร้างด้วยเชิงมุมและพบว่ามีการเขียนโค้ดโดยng-app="myModule"วางคำสั่งไว้บน<body>แท็ก เมื่อเรียนรู้เชิงมุมฉันเท่านั้นที่เคยเห็นมันใช้กับ<html>แท็กตามคำแนะนำของเอกสารเชิงมุมที่นี่ , ที่นี่และในของพวกเขากวดวิชา

ผมได้สำรวจนี้บิตของตัวเองและพบว่า SO คำถามสะดุดตานี้และในทำนองเดียวกันนี้ที่หารือเกี่ยวกับการโหลดโมดูลหลายหน้า อย่างไรก็ตามเทคนิคนี้แตกต่างจากกรณีของฉันเนื่องจากเกี่ยวข้องกับการวาง ng-app บนองค์ประกอบภายในร่างกายและใช้การบูตด้วยตนเองเพื่อเรียกใช้แอปเชิงมุมสองแอปในเวลาเดียวกัน

เท่าที่ฉันสามารถบอกได้ไม่มีความแตกต่างระหว่างรันไทม์ระหว่างแอพที่ng-appเปิด<html>หรือ<body>. ตามที่ฉันเข้าใจมันng-appกำหนดรูทของแอปพลิเคชันเชิงมุมดังนั้นการจัดวางบนส่วนบน<body>จะตัด<head>ออกจากขอบเขตของเชิงมุม แต่ฉันคิดไม่ออกว่าจะมีผลกระทบต่อสิ่งต่าง ๆ อย่างไร คำถามของฉันคืออะไรคือความแตกต่างทางเทคนิคระหว่างการวางng-appบนแท็กเหล่านี้แทนที่จะเป็นอีกแท็ก

Question 2

ng-appไม่มีความแตกต่างใหญ่ที่คุณใส่เป็น

หากคุณใส่ไว้<body>คุณจะมีขอบเขตที่เล็กกว่าสำหรับ AngularJS ซึ่งเร็วกว่าเล็กน้อย

แต่ฉันได้ใช้ng-appในการ<html>จัดการไฟล์<title>.

Question 3

ฉันอยู่ในทีมที่ทำงานกับแอปเดิมและพบว่าควรใช้แท็ก ng-app ใน div ที่ใช้เป็น wrapper เพื่อแยกรหัสใหม่ออกจากรหัสเดิม

เราค้นพบสิ่งนี้ในขณะที่ทำงานกับแอพที่อาศัย jqGrid และ Dojo เป็นอย่างมาก

เมื่อเราเพิ่ม ng-app ลงใน head tag มันจะทำให้ไซต์นั้นพัง แต่เมื่อเราใช้ wrapper เราสามารถใช้ Angular ได้โดยไม่มีปัญหา

Question 4

AngularJS จะ bootstrap แอพแรกที่พบ! แค่นั้นแหละ. หากคุณมี ng-app มากกว่าหนึ่งแอปจะประมวลผลแอปแรกเท่านั้น หากคุณต้องการบูตองค์ประกอบอื่น ๆ ให้ใช้ angular.bootstrap ()

ค่าของแอ็ตทริบิวต์ ng-app คือโมดูลที่สร้างขึ้นโดยใช้:

angular.module("module_name", [])

โมดูลจะกำหนดวิธีการบูตเชิงมุมเนื่องจากเราไม่มีเมธอด main () ซึ่งแตกต่างจากภาษาโปรแกรมอื่น ๆ หากค่าของ ng-app ว่างเปล่าค่าเริ่มต้นจะใช้ 'ng' ซึ่งเป็นโมดูลเริ่มต้น

มีการกล่าวกันว่าเร็วกว่าเล็กน้อยเนื่องจากเชิงมุมจะประมวลผลองค์ประกอบทั้งหมดภายในองค์ประกอบที่ ng-app อยู่ แต่ฉันสงสัยเล็กน้อยเพราะความแตกต่างแทบจะไม่สังเกตเห็นได้เลยเว้นแต่คุณจะมี DOM ที่ใหญ่มาก

หากคุณต้องการตัวอย่างที่นี่: http://noypi-linux.blogspot.com/2014/07/angularjs-tutorials-understand.html