javascript - meaning - angular js latest version



कोणीय 2 क्यों तारांकन(*) (4)

Angular2 एक विशेष प्रकार के निर्देश प्रदान करता है - संरचनात्मक निर्देश

<template> टैग पर संरचनात्मक निर्देश आधार है।

* से पहले विशेषता चयनकर्ता इंगित करता है कि एक संरचनात्मक निर्देश सामान्य गुण निर्देश या संपत्ति बंधन के बजाय लागू किया जाना चाहिए। Angular2 आंतरिक रूप से एक स्पष्ट <template> टैग के सिंटैक्स का विस्तार करता है।

चूंकि अंतिम भी है <ng-container> तत्व जो <template> टैग के समान उपयोग किया जा सकता है, लेकिन अधिक सामान्य शॉर्ट-हैंड सिंटैक्स का समर्थन करता है। यह उदाहरण के लिए आवश्यक है जब दो संरचनात्मक निर्देशों को एक ही तत्व पर लागू किया जाना चाहिए, जो कि सहायक नहीं है।

<ng-container *ngIf="boolValue">
  <div *ngFor="let x of y"></div>
</ng-container>

https://ffff65535.com

कोणीय 2 दस्तावेज़, * और टेम्पलेट में , हम जानते हैं कि * ngIf, * ngSwitch, * ngFor को टेम्पलेट टैग में विस्तारित किया जा सकता है। मेरा सवाल यह है कि:

मुझे लगता है कि ngIf या ngFor * बिना भी अनुवादित किया जा सकता है और कोणीय इंजन द्वारा टेम्प्लेट टैग में विस्तारित किया जा सकता है। तो कोणीय 2 में एक अजीब प्रतीक तारांकन चिह्न ( * ) को क्यों परेशान करें?

<hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail>
<template [ngIf]="currentHero">
  <hero-detail [hero]="currentHero"></hero-detail>
</template>

उदाहरण के लिए, कभी-कभी आपको केवल एक टैग की आवश्यकता होती है। कभी-कभी आप एक आवरण के रूप में एक वास्तविक टैग के बिना एनजीआईएफ को कई टैग के आसपास रखना चाह सकते हैं जो आपको <template [ngIf]="cond"> टैग की ओर ले जाता है। कैसे कोणीय को पता चल सकता है कि यह अंतिम परिणाम HTML में ngIf निर्देशक मालिक को प्रस्तुत करना चाहिए या नहीं? इसलिए यह कोड को और अधिक स्पष्ट करने की तुलना में कुछ अधिक है। यह एक आवश्यक अंतर है।


कोणीय तत्व टेम्पलेट तत्वों को एक विशेष तरीके से व्यवहार करता है। * सिंटैक्स एक ऐसा शॉर्टकट है जो आपको पूरे <template> तत्व को लिखने की अनुमति देता है। मुझे दिखाओ कि यह कैसे काम करता है।

इसका उपयोग करना

*ngFor="let t of todos; let i=index"

डी-शक्कर में

template="ngFor: let t of todos; let i=index" 

कौन से डी-शक्कर में

<template ngFor [ngForOf]="todos" .... ></template>

कोनफॉर के स्ट्रक्चरल डायरेक्शंस जैसे कि एनजीफोर, एनजीआईएफ आदि पहले से ही उपसर्ग किए गए हैं * बस इस कस्टम निर्देश और घटकों से अंतर करने के लिए

यहाँ और देखें

https://vsavkin.com/angular-2-template-syntax-5f2ee9f13c6a#.rcffirs7a


कोणीय डॉक्स से :

HTML लेआउट के लिए संरचनात्मक निर्देश जिम्मेदार हैं। वे डोम की संरचना को आकार देते हैं या फिर से जोड़ते हैं, आमतौर पर तत्वों को जोड़कर, हटाकर या जोड़-तोड़ करके।

अन्य निर्देशों के साथ, आप एक मेजबान तत्व के लिए एक संरचनात्मक निर्देश लागू करते हैं। यह निर्देश उस मेज़बान तत्व और उसके वंशजों के साथ जो कुछ भी करना है वह करता है।

संरचनात्मक निर्देशों को पहचानना आसान है। एक तारांकन चिह्न (*) इस उदाहरण में निर्देश विशेषता नाम से पहले है।

<p *ngIf="userInput">{{username}}</p>




angular