Perbedaan utama: Angular 4 menambahkan sejumlah fitur yang lebih baru ke Angular 2, namun masih kompatibel ke belakang. Ini juga memungkinkan program yang dikembangkan pada Angular 4 untuk mengkonsumsi lebih sedikit ruang dan berjalan lebih cepat, yang pada gilirannya mengurangi ukuran aplikasi dan meningkatkan kecepatannya.
Angular adalah perangkat lunak yang telah dibuat oleh Google. Tujuan utama Angular adalah membuat perangkat lunak berbasis web. Aplikasi yang dibuat di Angular dimaksudkan untuk hidup di web, seluler, atau desktop. Deskripsi resmi Angular menggambarkannya sebagai “platform aplikasi web front-end open-source” yang didasarkan pada TypeScript, yang pada gilirannya adalah bahasa pemrograman open-source yang dikembangkan dan dikelola oleh Microsoft dan dipengaruhi oleh JavaScript.
Sebelum Angular 2 atau Angular 4 datang AngularJS. Namun, perlu dicatat Angular bukan program yang sama dengan AngularJS. Bahkan, dapat dikatakan bahwa Angular adalah penulisan ulang lengkap AngularJS. Karena keterbatasan AngularJS, penulisan ulang baru Angular ditugaskan. Versi ini disebut Angular 2 oleh tim asli, namun, ini menyebabkan kebingungan, karena versi ini sama sekali berbeda dari AngularJS. Oleh karena itu, diputuskan alih-alih menyebutnya sebagai versi kedua AngularJS, itu akan disebut hanya Angular, program yang sama sekali berbeda. Versi pertama Angular disebut Angular 2, nama itu tetap ada, karena itu adalah versi kedua dari program asli, sedangkan versi AngularJS disebut Versi 1.X.
Angular 2 diumumkan pada konferensi ng-Eropa pada 22-23 September 2014, sedangkan versi final dirilis pada 14 September 2016. Angular 4, di sisi lain, diumumkan pada 13 Desember 2016, dan versi final diluncurkan pada 23 Maret 2017. Angular 3 dilewati untuk menghindari kebingungan, karena versi paket router Angular sudah didistribusikan sebagai v3.3.0 karena ketidaksejajaran nomor versi.
Salah satu manfaat utama dari Angular 4 adalah mengurangi ukuran file yang dibundel sebesar 60% dibandingkan dengan Angular 2. Ia juga kompatibel dengan Angular 2, serta kompatibel dengan versi TypeScript yang lebih baru, seperti TypeScript 2.1 dan TypeScript 2.2. Keuntungannya adalah meningkatkan pengecekan tipe dan juga meningkatkan fitur IDE untuk Visual Studio Code.
Selain itu, dalam Angular 4, kode yang dihasilkan berkurang jika dibandingkan dengan Angular 2. Pengembangan aplikasi juga telah dipercepat dalam Angular 4. Kode yang dihasilkan dalam Angular 4 juga dapat digunakan dalam mode debug dan mode produksi. Selain itu, pengembang instance dapat menambahkan arahan dan kontrol baru. Angular 4 juga memiliki berbagai fitur pemisahan komponen yang meningkatkan penggunaan kembali kode.
Angular 4 memperkenalkan mesin tampilan, yang mengurangi ukuran kode yang dihasilkan. Itu melakukannya dengan cara Ahead of Time (AOT). Juga, dalam Angular 2 fungsi animasi Angular memerlukan modul @ angular / code, yang pada dasarnya membuat paketnya sendiri. Di Angular 4, paket animasi tidak lagi digunakan, yang membantu mengurangi ukuran kode.
Angular 4 juga menampilkan peningkatan * ngIf dan * ngFor. Sekarang dapat menggunakan sintaks desain if / else. Itu juga dapat menetapkan variabel lokal seperti jika membuka gulungan yang bisa diamati. Angular 4 juga berisi pekerjaan eksternal dan internal dari Universal, yang terletak di @ angular / platform-server. Angular 4 lebih lanjut memperkenalkan peta sumber yang dapat membantu memberikan konteks bermakna tentang templat asli, karena memungkinkan seseorang untuk memetakan kesalahan yang disebabkan oleh sesuatu di salah satu templat.
Singkatnya, Angular 4 menambahkan sejumlah fitur yang lebih baru ke Angular 2, sementara masih kompatibel ke belakang. Ini juga memungkinkan program yang dikembangkan pada Angular 4 untuk mengkonsumsi lebih sedikit ruang dan berjalan lebih cepat, yang pada gilirannya mengurangi ukuran aplikasi dan meningkatkan kecepatannya.
Perbandingan antara Angular 2 dan Angular 4:
|
Sudut 2 |
Sudut 4 |
|
|
Program |
Sudut |
Sudut |
|
Diluncurkan |
14 September 2016 |
23 Maret 2017 |
|
Kompatibilitas terbalik |
Tidak kompatibel dengan AngularJS. |
Angular 4 kompatibel dengan Angular 2 |
|
Kompatibilitas dengan TypeScript |
Kompatibel dengan TypeScript 2.0. Tidak kompatibel dengan TypeScript 2.1 dan TypeScript 2.2. |
Kompatibel dengan TypeScript 2.1 dan TypeScript 2.2 |
|
Ukuran file |
60% lebih besar ukuran file yang dibundel dibandingkan dengan Angular 2 |
60% Mengurangi ukuran file yang dibundel dibandingkan dengan Angular 4 |
|
Arahan dan kontrol |
Arahan dan kontrol terbatas |
Arahan dan kontrol baru |
|
Fitur pemisahan komponen |
Terbatas tanpa fitur pemisahan komponen |
Fitur pemisahan komponen |
|
Penggunaan kembali kode |
Penggunaan kembali kode terbatas |
Peningkatan penggunaan kembali kode |
|
Pengembangan aplikasi |
Pengembangan aplikasi lebih lambat dibandingkan dengan Angular 4 |
Pengembangan aplikasi yang dipercepat dibandingkan dengan Angular 2 |
|
Ahead of Time (AOT) |
Tanpa Batas Waktu (AOT) |
Diperkenalkan Ahead of Time (AOT) |
|
Lihat Mesin |
Tidak ada tampilan mesin |
Mesin tampilan yang diperkenalkan |
|
Fungsi Animasi |
Fungsi animasi Angular memerlukan modul @ angular / kode, yang pada dasarnya membuat paketnya sendiri. |
Paket animasi tidak diperlukan, yang mengurangi ukuran kode. |
|
* ngIf dan * ngFor |
Terbatas * ngIf dan * ngFor. Tidak dapat memanfaatkan sintaksis desain if / else, dan menetapkan variabel lokal |
Peningkatan * ngIf dan * ngFor. Dapat menggunakan sintaks desain if / else, dan menetapkan variabel lokal seperti jika untuk membuka gulungan yang dapat diamati |
|
Universal Sudut |
Tidak mengandung pekerjaan eksternal dan internal dari Universal |
Berisi pekerjaan eksternal dan internal dari Universal |
|
Peta sumber |
Tidak mengandung peta sumber |
Sumber peta yang menyediakan konteks bermakna tentang templat asli |
Referensi: Wikipedia (Angular dan Angular JS), Angular Minds, DZone (1, 2) Gambar Courtesy: Codingmart.com, Etatvasoft.com