ความเป็นมา: การทำงานร่วมกันระหว่างห้องสมุด Angular และ JQuery Class
ในห้องสมุดบุคคลที่สามเราต้องพูดถึง jQuery ที่มีชื่อเสียงซึ่งตอนนี้เป็นเครื่องมือบังคับสำหรับการพัฒนาเว็บในประเทศ การทำงานของ DOM ที่ยืดหยุ่นทำให้นักพัฒนาเว็บจำนวนมากไม่สามารถหยุดได้ ควบคู่ไปกับห้องสมุด jQuery UI ที่เป็นผู้ใหญ่แล้วและปลั๊กอิน jQuery จำนวนมากมันเกือบจะเป็นบ้านสมบัติที่ไม่สิ้นสุด อย่างไรก็ตามสามารถรวมกับ AngularJs ได้หรือไม่?
ผู้นับถือนิกายฟันดาเมนทัลลิสท์หลายคนเป็นลบเกี่ยวกับเรื่องนี้ พวกเขาเชื่อว่าเนื่องจาก AngularJS ถูกใช้เป็นเฟรมเวิร์กแอปพลิเคชันเว็บจึงจำเป็นต้องหลีกเลี่ยงการรบกวนจากไลบรารีคลาสอื่น ๆ และสร้างแอปพลิเคชันโหมด MVVM บริสุทธิ์ การดำเนินการ DOM ใด ๆ ที่คล้ายกับ jQuery นั้นไม่สะอาด วางการดำเนินการที่เกี่ยวข้องกับอินเทอร์เฟซทั้งหมดเช่นการดำเนินงาน DOM ในคำสั่งเพื่อให้หน้านั้นเป็นคำสั่งที่ไม่มีรหัสซึ่งสอดคล้องกับแนวคิดของ JSF MVVM, DSL, แนวคิดการทำให้เป็นส่วนประกอบเป็นแนวโน้มของเว็บ ความคิดเป็นสิ่งที่ดีผู้นับถือนิกายฟันดาเมนทัลลิสท์นั้นบริสุทธิ์มาก แต่ความจริงก็คือเมื่อเราใช้ AngularJs เราไม่สามารถทำได้หากไม่มี jQuery
อย่างที่เราทุกคนรู้ jQuery Lite ถูกสร้างขึ้นจริงใน AngularJs และวิธีการหลายอย่างในซอร์สโค้ด AngularJS ใช้โดยตรงในการใช้วิธี jQuery ตัวอย่างเช่นกลไกการผูกมัดเหตุการณ์ของ AngularJs เนื่องจากผู้เผยพระวจนะทั้งหมดใช้มันทำไมเราไม่ใช้มัน ไม่มีอะไรผิดปกติกับความคิดของการทำให้เป็นส่วนประกอบ แต่ไม่จำเป็นต้องผูกมือและเท้าของคุณเพราะสิ่งนี้ สิ่งเดียวที่ควรทราบคือไม่ใช้รหัสของ jQuery เพื่อทำลายโครงสร้างของ AngularJs (ลิงค์ดั้งเดิม: http://www.angularjs.cn/a0fg)
กรณี: ห่อหุ้มปลั๊กอินเวลาของเว็บไซต์ bootstrap อย่างเป็นทางการใน Angular
คำแนะนำสำหรับการใช้งาน:
เพิ่ม ng-model='timepickerTest' ng-time บนชิ้นส่วน html ของ bootstrap-datetimepicker ดั้งเดิม
ที่อยู่จัดเก็บข้อมูลของรหัสบน gitHub: https://github.com/cynthiawupore/ui-bootstrap-datetimepicker
หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:
การสอนการเรียนรู้ bootstrap
การสอนการใช้งาน Bootstrap
การสอนการใช้งานปลั๊กอิน bootstrap
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น