تم إصدار Angular 6.1 في 25 يوليو. يمكن اعتبار هذا
الإصدار البسيط للإطار بديلاً لـ Angular 6.0 ، والذي يتضمن بعض الابتكارات وإصلاحات الأخطاء. هذه المادة ، ترجمة لمنشور من مدونة Angular ، تدور حول الميزات الجديدة الرئيسية في Angular 6.1.
جهاز التوجيه وحفظ موقف التمرير
الآن يمكن لمطوري تطبيقات Angular الاستفادة من ميزة جهاز التوجيه الجديدة ، والتي تسمح لك بتذكر واستعادة موقع المستخدم على الصفحة - موضع التمرير أو التمرير. عند الانتقال إلى الصفحة التالية من التطبيق ، تتم إعادة تعيين موضع التمرير ، ويتم تذكر موضع المستخدم في الصفحة السابقة. سيؤدي الضغط على زر الرجوع إلى فتح الصفحة السابقة ، مع مراعاة موضع التمرير المحفوظ.
لتمكين هذه الميزة ، يمكنك استخدام الأمر التالي:
RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})
من المتوقع أنه في الإصدار الرئيسي المستقبلي للنظام الأساسي ، سيتم تكوين جهاز التوجيه افتراضيًا لاستعادة موضع التمرير.
ShadowDOM v1 وعرض التغليف
هناك العديد من الطرق لربط قواعد CSS مع المكونات التي يتم تحديد هذه القواعد فيها. وهذا ما يسمى تغليف العرض. يمكن تحويل التغليف إلى استخدام ShadowDOM v1 في ديكور المكونات. يتم ذلك على النحو التالي:
@Component({ templateUrl: './my-component.html', encapsulation: ViewEncapsulation.ShadowDom }) export class MyComponent { }
الآن تم
ViewEncapsulation.Native استخدام
ViewEncapsulation.Native القيمة ، مما يعني استخدام Shadow DOM v0.
يحتوي ShadowDOM v1 على دعم أفضل عبر المتصفح من الإصدار السابق من المعيار. تم تنفيذ هذا المعيار في البداية مع الأخذ بعين الاعتبار إمكانية استخدامه في متصفحات مختلفة. يمكن العثور على الاختلافات بين Shadow DOM v0 و v1
هنا .
ستكون ابتكارات ShadowDOM v1 ذات أهمية بشكل رئيسي لمؤلفي المكتبة والمطورين المتقدمين. وتجدر الإشارة إلى أن استخدام Shadow DOM v1 ضروري لاستخدام إسقاط المحتوى في إطار تقنية Angular Elements.
قواعد تسلسل الرياضيات
تم تحسين أداة
Schematics في هذا الإصدار ، ونتيجة لذلك ، يمكن الآن إرجاع
قاعدة جديدة من
قاعدة موجودة. وهذا يسمح للمطورين بمزيد من المرونة في تحديد مجموعة قواعد الرياضيات.
دعم TypeScript 2.9
يدعم الآن Angular ، إلى جانب TypeScript 2.7 ، TypeScript
2.8 و
2.9 . إحدى الميزات الهامة في TS 2.9 ، والتي تفيد العديد من المطورين ، تتعلق بالأخطاء ، مثل ما يلي:
Exported variable 'x' has or is using name 'y' from external module 'z' but cannot be named
تم إجراء تغييرات على TS ، ونتيجة لذلك ، أولاً ، لم تعد تظهر مثل هذه الأخطاء ، وثانيًا ، لم يعد الرمز بحاجة إلى إعادة الكتابة من أجل إعادته إلى حالة مقابلة لأنماط تصدير مماثلة.
الملخص
هناك تغييرات أخرى في
الإصدار الزاوي
الجديد ، على سبيل المثال ، فيما يتعلق بمعالجة عناوين URL
المشوهة (
malformedUriErrorHandler ) وتهدف إلى تحسين العمل مع المصفوفات والكائنات المرتبطة (
KeyValuePipe ). كما تم إصدار نسخة جديدة من
الزاوي- cli .
Angular 6.1 هو أحدث إصدار ثانوي مخطط للإصدار 6.x. لذلك ، في المستقبل المنظور ، يمكننا أن نتوقع إصدار إصدارات بيتا من Angular 7.0 وظهور ميزات جديدة مثيرة للاهتمام في هذا الإطار.
أعزائي القراء! ما هي ابتكارات Angular 6.1 التي تجدها أكثر إثارة للاهتمام؟ ماذا تتوقع من Angular 7.0؟
