कोणीय 9, नया क्या है?

जब तक स्टीफन फ्लिन ने पारंपरिक रूप से एक नया रिलीज और नए एंगुलर की विशेषताओं के बारे में एक लेख जारी नहीं किया, तब तक मैंने सब कुछ एक साथ ढेर करने की कोशिश की और इस सवाल का जवाब दिया कि नया क्या है?

सबसे अच्छे फीचर्स में से एक जो हम लगभग 2 साल से इंतजार कर रहे हैं, वह है कोणीय आइवी, और आखिरकार एंगुलर 9 को आईवी के साथ डिफ़ॉल्ट रूप से संकलित करेंगे। यदि आप कोणीय आइवी के अंदरूनी हिस्सों में गोता लगाना चाहते हैं, तो AngularConnect से 2 वीडियो हैं: कम्पाइलर और रनटाइम के बारे में।

हमेशा कोणीय सीएलआई के साथ, आप काफी आसानी से, एक विस्तृत गाइड को अपग्रेड कर सकते हैं ।

खाका प्रकार-जाँच

FullTemplateTypeCheck के अलावा सख्त टेम्पलेट फ्लैग जोड़े जाएंगे, यह केवल आइवी में काम करेगा। पूर्ण मोड में होगा:

• @Input को घटकों और निर्देशों के बंधन की जाँच @Input

  
  

• जाँच करते समय, टाइप करें सख्तNullChecks की जाँच की जाएगी

  
  

• जेनेरिक सहित घटक प्रकारों और निर्देशों की जाँच करना

  
  

• निष्पादन संदर्भ में टेम्पलेट की जाँच करना, उदाहरण के लिए, * ngFor के अंदर

  
  

• घटकों और निर्देशों में $ घटना के प्रकार की जाँच करना, साथ ही साथ एनिमेट करना

  
  

• DOM तत्वों के स्थानीय संदर्भों के लिए सही प्रकार की जाँच करना, उदाहरण के लिए, जब document.createElement एक टैग वापस करेगा

  
  

टेम्प्लेट में इस तरह के सख्त चेक होने के बाद, इस चेक को निष्क्रिय करना कभी-कभी आवश्यक होता है, इसलिए हम $ किसी भी () के साथ आए, जिस पर चेक का प्रदर्शन नहीं किया जाएगा।

उदाहरण: {{$ किसी (व्यक्ति) .addresss.street}}

@ContentChildren

ContentChild डिफ़ॉल्ट रूप से केवल सीधे बच्चों के साथ काम करेगा

 <comp> <div #bar> <!-- new runtime --> <div #foo></div> <!-- matches in old runtime --> </div> </comp> 

ऐसा करने के लिए, आपको ध्वज वंश को काटने की आवश्यकता होगी

@ ContentChildren ('foo', { वंशज : असत्य}) foos: QueryList < ElementRef >

डि

Angular DI का उपयोग करने वाली सभी कक्षाओं में एक Angular डेकोरेटर होना चाहिए, जैसे कि @Directive() या @Injectable (पहले @Injectable कक्षाएं केवल AOT मोड में या यदि Inject के माध्यम से उपयोग की जाती हैं)। डिफ़ॉल्ट रूप से, सीएलआई को उन्हें सही ढंग से अपग्रेड करना चाहिए।

करने के लिए:

 export class MyService {...} export class MyOtherService {...} export class MyThirdClass {...} export class MyFourthClass {...} export class MyFifthClass {...} @NgModule({ providers: [ MyService, {provide: SOME_TOKEN, useClass: MyOtherService}, 

के बाद:

 @Injectable() export class MyService {...} @Injectable() export class MyOtherService {...} export class MyThirdClass {...} export class MyFourthClass {...} export class MySixthClass {...} 

करने के लिए:

 {provide: MyToken} 

के बाद:

 {provide: MyToken, useValue: undefined} 

इनपुट

निर्देशों के लिए इनपुट (उदाहरण के लिए, <my-comp-name = ""> में नाम अब परिवर्तन का पता लगाने से पहले एक दृश्य बनाते समय सेट किया जाता है (पहले वे परिवर्तन का पता लगाने के दौरान सभी सेट थे)।

कुछ और दिलचस्प

@Component और @Directive अंदर होस्ट जैसी संपत्तियाँ विरासत में @Directive सकती हैं (पहले केवल स्पष्ट फ़ील्ड जैसे @HostBinding विरासत में मिली थीं)।

HammerJS समर्थन HammerModule आयात के माध्यम से प्रदान किया जाता है (पहले यह हमेशा काम के पैकेज में शामिल था चाहे आवेदन HammerJS का उपयोग किया गया हो)।

यदि एक टोकन @Host या @Self साथ इंजेक्ट किया जाता है, तो मॉड्यूल इंजेक्टर इस टोकन की खोज नहीं करता है (पहले, इन झंडों के साथ चिह्नित टोकन अभी भी मॉड्यूल स्तर पर खोजे जाएंगे)।

जब एक ही नाम के साथ टेम्पलेट में कई स्थानीय लिंक एक्सेस करते हैं, तो पहले एक को लिया जाता है (अंतिम उदाहरण पहले लिया गया था)।

निर्यात किए गए मॉड्यूल में उपयोग किए जाने वाले निर्देश (लेकिन स्वयं द्वारा निर्यात नहीं किए गए) सार्वजनिक रूप से निर्यात किए जाते हैं (पहले, संकलक ने स्वचालित रूप से निजी निर्यात को एक उपनाम के साथ रिकॉर्ड किया था ताकि यह संघर्ष को हल करने के लिए अपने वैश्विक ज्ञान का उपयोग कर सके)

डेकोरेटर मेटाडेटा में बाहरी फ़ंक्शन या बाहरी स्थिरांक सांख्यिकीय रूप से फिर से उपयोग करने योग्य नहीं हैं (पहले आप किसी अन्य संकलित मॉड्यूल से एक निरंतर या फ़ंक्शन आयात कर सकते थे, उदाहरण के लिए, एक पुस्तकालय से, और इस निरंतर / फ़ंक्शन का उपयोग अपने @NgModule परिभाषा में करें)।

स्थानीय लिंक के माध्यम से सुलभ निर्देशों में प्रत्यक्ष इनपुट संदर्भ अब डिफ़ॉल्ट रूप से समर्थित नहीं हैं।

यदि कोई असंबंधित वर्ग विशेषता और बाइंडिंग [वर्ग] के माध्यम से है, तो असंबंधित विशेषता की कक्षाएं भी जोड़ी जाएंगी (पहले, वर्ग के माध्यम से बाइंडिंग को अनबाउंड विशेषता में फिर से लिखा गया है)।

परीक्षण के लिए निर्देशों के उदाहरणों पर मोज़ेक के साथ जीवनचक्र के हुक को अधिलेखित करना संभव नहीं है (ऐसा करने के लिए, निर्देश पर ही जीवनचक्र के हुक बदलें)।

विशेष इंजेक्शन टोकन (जैसे कि टेम्प्लेट रीफ या व्यू कॉन्टेनेटर रीफ) जब भी उनसे अनुरोध किया जाता है, तो एक नया उदाहरण लौटाते हैं (पहले, उदाहरणों को ऐसे नोड्स से अनुरोध किए जाने पर अफवाह थी)। यह मुख्य रूप से उन वस्तुओं की पहचान की तुलना करने वाले परीक्षणों को प्रभावित करता है।

ICU पार्सिंग रन टाइम पर होती है, इसलिए केवल टेक्स्ट, HTML टैग्स और टेक्स्ट बाइंडर्स की अनुमति है (पहले निर्देश ICU अभिव्यक्तियों के अंदर भी अनुमति दी गई थी)।

पदावनत

एपीआई में महत्वपूर्ण परिवर्तन यहां प्रस्तुत किए गए हैं, और पहले से ही डिप्रेकेटेड के तहत जो कुछ भी था, उसे हटा दिया जाएगा।

• entryComponents

  
  

• ANALYZE_FOR_ENTRY_COMPONENTS

  
  

• जेनेरिक के बिना ModuleWithProviders

  
  

• esm5 और fesm5 वितरण कोणीय / * npm संकुल में

  
  

हटाए गए एपीआई के निष्कासन

• रेंडरर

  
  

• RootRenderer

  
  

• RenderComponentType

  
  

• DeprecatedI18NPipesModule

  
  

• DeprecatedCurrencyPipe

  
  

• DeprecatedDatePipe

  
  

• DeprecatedDecimalPipe

  
  

• DeprecatedPercentPipe

  
  

• NgFormSelectorWarning

  
  

• ngForm तत्व चयनकर्ता

  
  

• versionedFiles

  
  

और अगर यह पर्याप्त नहीं है, तो थोड़ा और है ।

खैर, हम क्रिसमस की छुट्टियों के बाद कोणीय 9 की रिहाई की उम्मीद करते हैं =):

FYI करें, मैंने अगले साल तक #Angular 9.0 रिलीज़ आयोजित करने का निर्णय लिया ताकि हम और आप आने वाले हफ्तों में समय निकाल सकें। हैप्पी छुट्टियाँ और आप 2020 में मिलते हैं!

और हां, @ngFanatic टेलीग्राम में चैनल को सब्सक्राइब करें जहां आगे कोणीय के बारे में खबरें प्रकाशित होंगी।