Angular 6.1 dirilis pada 25 Juli.
Rilis minor kerangka kerja ini dapat dianggap sebagai pengganti Angular 6.0, yang mencakup beberapa inovasi dan perbaikan bug. Materi ini, terjemahan dari posting dari blog Angular, adalah tentang fitur baru utama dalam Angular 6.1.
Router dan simpan posisi gulir
Sekarang pengembang aplikasi Angular dapat memanfaatkan fitur router baru, yang memungkinkan Anda untuk mengingat dan mengembalikan lokasi pengguna pada halaman - posisi menggulir atau menggulir. Ketika Anda pergi ke halaman aplikasi berikutnya, posisi gulir diatur ulang, dan posisi pengguna pada halaman sebelumnya diingat. Menekan tombol kembali akan membuka halaman sebelumnya, dengan mempertimbangkan posisi gulir yang disimpan.
Untuk mengaktifkan fitur ini, Anda dapat menggunakan perintah berikut:
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})
Diharapkan bahwa dalam rilis utama di masa depan platform, router secara default akan dikonfigurasi untuk mengembalikan posisi gulir.
ShadowDOM v1 dan Lihat Enkapsulasi
Ada banyak cara untuk mengaitkan aturan CSS dengan komponen di mana aturan ini didefinisikan. Ini disebut Enkapsulasi Tampilan. Enkapsulasi dapat dialihkan untuk menggunakan ShadowDOM v1 di dekorator komponen. Ini dilakukan seperti ini:
@Component({ templateUrl: './my-component.html', encapsulation: ViewEncapsulation.ShadowDom }) export class MyComponent { }
Sekarang penggunaan nilai
ViewEncapsulation.Native , yang berarti menggunakan Shadow DOM v0, sudah usang.
ShadowDOM v1 memiliki dukungan lintas-browser yang lebih baik daripada versi standar sebelumnya. Pekerjaan pada standar ini pada awalnya dilakukan dengan mempertimbangkan kemungkinan penggunaannya di berbagai browser. Perbedaan antara Shadow DOM v0 dan v1 dapat ditemukan di
sini .
Inovasi ShadowDOM v1 akan menarik terutama bagi penulis perpustakaan dan pengembang tingkat lanjut. Perlu dicatat bahwa penggunaan Shadow DOM v1 diperlukan untuk menggunakan proyeksi konten dalam kerangka teknologi Elemen Angular.
Aturan Skema Rantai
Alat
Skema telah ditingkatkan dalam rilis ini, dan sebagai hasilnya,
aturan baru sekarang dapat dikembalikan dari
aturan yang ada. Hal ini memungkinkan pengembang lebih fleksibel dalam mendefinisikan set aturan untuk Skema.
Dukungan TypeScript 2.9
Sekarang Angular, bersama dengan TypeScript 2.7, mendukung TypeScript
2.8 dan
2.9 . Salah satu fitur penting dari TS 2.9, yang berguna bagi banyak pengembang, terkait dengan bug, seperti berikut ini:
Exported variable 'x' has or is using name 'y' from external module 'z' but cannot be named
Perubahan telah dibuat untuk TS, yang karenanya, pertama, kesalahan seperti itu tidak lagi muncul, dan kedua, kode tidak perlu lagi ditulis ulang untuk membawanya ke negara yang sesuai dengan pola ekspor yang sama.
Ringkasan
Ada perubahan lain dalam
rilis Angular
baru , misalnya, mengenai penanganan URL
salah bentuk (
malformedUriErrorHandler ) dan bertujuan untuk meningkatkan pekerjaan dengan array dan objek asosiatif (
KeyValuePipe ). Versi baru dari
angular-cli juga telah dirilis .
Angular 6.1 adalah rilis minor terencana terbaru versi 6.x. Oleh karena itu, di masa mendatang, kita dapat mengharapkan rilis versi beta Angular 7.0 dan tampilan fitur menarik baru dalam kerangka kerja ini.
Pembaca yang budiman! Inovasi apa dari Angular 6.1 yang menurut Anda paling menarik? Apa yang Anda harapkan dari Angular 7.0?
