Angular कंपोनेंट के टेम्पलेट में DOM एलिमेंट तक कैसे पहुँचें?

नमस्ते! मैं Angular और TypeScript में नया हूँ, और मुझे कंपोनेंट के अंदर DOM एलिमेंट तक पहुँचने में समस्या हो रही है। मेरे पास एक सरल कंपोनेंट है जो एक बटन और एक पैराग्राफ दिखाता है। मैं बटन दबाने पर पैराग्राफ का टेक्स्ट बदलना चाहता हूँ और उसमें CSS क्लास जोड़ना चाहता हूँ। सामान्य JavaScript में मैं `document.getElementById('myParagraph')` का उपयोग करता, लेकिन Angular में यह सही से काम नहीं करता। यहाँ मेरा वर्तमान कोड है: ```typescript // my-component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-my', template: `

प्रारंभिक टेक्स्ट

टेक्स्ट बदलें `, styleUrls: ['./my-component.css'] }) export class MyComponent { changeText() { // ID से एलिमेंट प्राप्त करने का प्रयास const paragraph = document.getElementById('myParagraph'); if (paragraph) { paragraph.innerText = 'नया टेक्स्ट'; paragraph.classList.add('highlight'); } } } ``` समस्या यह है कि