อะไรคือความแตกต่างระหว่าง Angular 1.x และ Angular2


ตอบ 1:

สวัสดี

Angular 1.x ได้รับการยกย่องอย่างสูงว่าเป็นเฟรมเวิร์กที่มีประสิทธิภาพสำหรับการสร้างแอปพลิเคชันหน้าเดียวและทำได้ดี แต่เมื่อมาถึง Angular 2 มันเป็นแพลตฟอร์มทั้งหมดสำหรับการสร้างแอพพลิเคชั่นที่ทันสมัย เวอร์ชันล่าสุดของ Angular 2 ให้ประโยชน์มากกว่า AngularJS 1.x รวมถึงประสิทธิภาพที่ดีขึ้นการโหลดที่ขี้เกียจ API ที่ง่ายขึ้นการดีบักที่ง่ายขึ้นและอื่น ๆ อีกมาก

มีสี่สิ่งที่เราจะต้องคุ้นเคยเป็นหลัก: ES6, TypeScript, RxJS / Observables และเครื่องมือสร้าง

วงเล็บปีกกาตอนนี้แสดงถึงการผูกทางเดียว

หากคุณจำได้สิ่งนี้จะเหมือนกับการใช้ ng-bind ใน Angular 1 ในขณะที่ Angular 2 คุณจะต้องใช้วงเล็บในวงเล็บ (เรียกว่า "Banana in a box") สำหรับการผูกข้อมูลแบบสองทาง การเปลี่ยนแปลงนี้ส่วนใหญ่เกิดจากการไหลของข้อมูลทิศทางเดียวที่ Angular 2 ได้โอบกอด

ตัวอย่างด้านล่างแสดงการเปลี่ยนแปลงระหว่าง Angular 1 และ 2:



{{message}}

ไม่มีคำสั่งพื้นฐานตัวกรองและบริการพื้นฐานมากมายจนกว่าจะมีการนำเข้ามาแล้ว!

ใน Angular 1 สิ่งนี้เป็นจริงสำหรับสิ่งต่างๆเช่นบริการ (เช่น $ http) แต่ตอนนี้เราต้องนำเข้าคำสั่งพื้นฐานเช่น NgModel ก่อน (เหนือสิ่งอื่นใด) นี่อาจดูเหมือนเป็นการเปลี่ยนแปลงที่น่าผิดหวัง แต่ท้ายที่สุดแล้วมันช่วยให้คุณสามารถควบคุมค่าใช้จ่ายของแอปพลิเคชัน Angular ซึ่งเป็นสิ่งที่ดีอย่างชัดเจน

ลาก่อน ng-app สวัสดี Bootstrap

เราไม่ใช้แอตทริบิวต์ ng-app อีกต่อไปเพื่อเชื่อมต่อแอป Angular แต่เราต้องพึ่งพาเทคนิคใหม่ที่เรียกว่า Bootstrapping

ก่อนหน้า Angular 2 เราสามารถใช้คำสั่งแอตทริบิวต์ ng-app เพื่อเชื่อมต่อโมดูลเชิงมุมของเรากับมุมมอง กระบวนการนี้เรียกว่า Bootstrapping มีการเปลี่ยนแปลงด้วย Angular 2

นำเข้า {bootstrap} จาก '@ angular / platform-browser-dynamic';
นำเข้า {AppComponent} จาก './app.component';

// เชื่อมต่อองค์ประกอบเข้ากับมุมมองของเรา
บูต (AppComponent);

สำหรับรายละเอียดเพิ่มเติมโปรดตรวจสอบลิงค์เหล่านี้มันอาจช่วยคุณได้

Angular 2 vs. Angular 1: ความแตกต่างหลัก - DZone Web Dev

Angular 1 กับ Angular 2 - การเปรียบเทียบระดับสูง

ความแตกต่างระหว่างแองกูลาร์ 1.X และแองกูลาร์ 2 - Devblast



ตอบ 2:

จริงๆแล้วมีการเปลี่ยนแปลงมากมาย โครงสร้างไฟล์, การเปลี่ยนจากคอนโทรลเลอร์ไปเป็นส่วนประกอบ, วิธีการจัดการการฉีดพึ่งพา, เปลี่ยนเป็น typescript, ระบบการจัดเส้นทางที่แตกต่างกันและ cli เชิงมุมมี แต่สิ่งที่บางคนย้ายจาก angularjs เป็นเชิงมุม 2 ควรรู้

โดยสรุปแล้วประโยชน์ที่แท้จริงเพียงอย่างเดียวที่ใครบางคนกำลังเปลี่ยนจาก ng1 เป็น ng2 คือความรู้เกี่ยวกับหลักการ MVC ฝั่งไคลเอ็นต์และคำศัพท์ส่วนใหญ่

มันเป็นกรอบที่แตกต่างและแตกต่างกันสองอย่างดังนั้นคุณจะต้องเรียนรู้เชิงมุม 2 ตั้งแต่เริ่มต้น

การย้ายแอป angularjs ไปที่ angular เป็นหลักที่เขียนใหม่ทั้งหมดของแอปพลิเคชันดังนั้นความรู้ของ angularjs ของคุณอาจจะไม่ได้ช่วยอะไรคุณมากนัก

คุณจะต้องมีทรัพยากรที่ดีเช่น ng-book 2 หากคุณต้องการเพิ่มความเร็วด้วย angular 2 ในช่วงเวลาสั้น ๆ คุณจะต้องมีความรู้เกี่ยวกับ typescript เพื่อใช้เชิงมุม 2 อย่างเต็มประสิทธิภาพ

ดังนั้นเริ่มต้นแล้ว



ตอบ 3:

จริงๆแล้วมีการเปลี่ยนแปลงมากมาย โครงสร้างไฟล์, การเปลี่ยนจากคอนโทรลเลอร์ไปเป็นส่วนประกอบ, วิธีการจัดการการฉีดพึ่งพา, เปลี่ยนเป็น typescript, ระบบการจัดเส้นทางที่แตกต่างกันและ cli เชิงมุมมี แต่สิ่งที่บางคนย้ายจาก angularjs เป็นเชิงมุม 2 ควรรู้

โดยสรุปแล้วประโยชน์ที่แท้จริงเพียงอย่างเดียวที่ใครบางคนกำลังเปลี่ยนจาก ng1 เป็น ng2 คือความรู้เกี่ยวกับหลักการ MVC ฝั่งไคลเอ็นต์และคำศัพท์ส่วนใหญ่

มันเป็นกรอบที่แตกต่างและแตกต่างกันสองอย่างดังนั้นคุณจะต้องเรียนรู้เชิงมุม 2 ตั้งแต่เริ่มต้น

การย้ายแอป angularjs ไปที่ angular เป็นหลักที่เขียนใหม่ทั้งหมดของแอปพลิเคชันดังนั้นความรู้ของ angularjs ของคุณอาจจะไม่ได้ช่วยอะไรคุณมากนัก

คุณจะต้องมีทรัพยากรที่ดีเช่น ng-book 2 หากคุณต้องการเพิ่มความเร็วด้วย angular 2 ในช่วงเวลาสั้น ๆ คุณจะต้องมีความรู้เกี่ยวกับ typescript เพื่อใช้เชิงมุม 2 อย่างเต็มประสิทธิภาพ

ดังนั้นเริ่มต้นแล้ว



ตอบ 4:

จริงๆแล้วมีการเปลี่ยนแปลงมากมาย โครงสร้างไฟล์, การเปลี่ยนจากคอนโทรลเลอร์ไปเป็นส่วนประกอบ, วิธีการจัดการการฉีดพึ่งพา, เปลี่ยนเป็น typescript, ระบบการจัดเส้นทางที่แตกต่างกันและ cli เชิงมุมมี แต่สิ่งที่บางคนย้ายจาก angularjs เป็นเชิงมุม 2 ควรรู้

โดยสรุปแล้วประโยชน์ที่แท้จริงเพียงอย่างเดียวที่ใครบางคนกำลังเปลี่ยนจาก ng1 เป็น ng2 คือความรู้เกี่ยวกับหลักการ MVC ฝั่งไคลเอ็นต์และคำศัพท์ส่วนใหญ่

มันเป็นกรอบที่แตกต่างและแตกต่างกันสองอย่างดังนั้นคุณจะต้องเรียนรู้เชิงมุม 2 ตั้งแต่เริ่มต้น

การย้ายแอป angularjs ไปที่ angular เป็นหลักที่เขียนใหม่ทั้งหมดของแอปพลิเคชันดังนั้นความรู้ของ angularjs ของคุณอาจจะไม่ได้ช่วยอะไรคุณมากนัก

คุณจะต้องมีทรัพยากรที่ดีเช่น ng-book 2 หากคุณต้องการเพิ่มความเร็วด้วย angular 2 ในช่วงเวลาสั้น ๆ คุณจะต้องมีความรู้เกี่ยวกับ typescript เพื่อใช้เชิงมุม 2 อย่างเต็มประสิทธิภาพ

ดังนั้นเริ่มต้นแล้ว