ऑरेलिया - Refs

इस अध्याय में, आप ऑरेलिया रेफ के कुछ सरल उदाहरण देखेंगे। आप इसका उपयोग किसी विशेष वस्तु का संदर्भ बनाने के लिए कर सकते हैं। आप तत्वों या विशेषताओं का संदर्भ बना सकते हैं, जैसा कि निम्नलिखित तालिका में देखा गया है।

संदर्भ तालिका

अनु क्रमांक उदाहरण और विवरण
1

ref = "myRef"

DOM तत्व का संदर्भ बनाने के लिए उपयोग किया जाता है।

2

attribute-name.ref = "myRef"

कस्टम विशेषता के दृश्य-मॉडल का संदर्भ बनाने के लिए उपयोग किया जाता है।

3

view-model.ref = "myRef

कस्टम तत्व के दृश्य-मॉडल का संदर्भ बनाने के लिए उपयोग किया जाता है।

4

view.ref = "myRef"

कस्टम तत्वों को देखने के उदाहरण के लिए एक संदर्भ बनाने के लिए उपयोग किया जाता है।

5

rcontroller.ref = "myRef"

कस्टम तत्व के नियंत्रक उदाहरण के संदर्भ बनाने के लिए उपयोग किया जाता है।

निम्नलिखित उदाहरण में, हम एक संदर्भ बनाएंगे inputतत्व। हम एक के रूप में डिफ़ॉल्ट वर्ग सिंटैक्स का उपयोग करेंगेview-model।

app.js

export class App { }

हम एक संदर्भ बना रहे हैं input जोड़कर तत्व ref = "name" विशेषता।

app.html

<template>
   <input type = "text" ref = "name"><br/>
   <h3>${name.value}</h3>
</template>

जब हम एप्लिकेशन चलाते हैं, तो हम देखेंगे कि इनपुट फ़ील्ड में दर्ज किया गया पाठ स्क्रीन पर प्रस्तुत किया गया है।