Angular कंपोनेंट टेम्पलेट में DOM एलिमेंट तक कैसे पहुंचें?
सभी को नमस्ते! मैंने अभी Angular और TypeScript सीखना शुरू किया है, और कंपोनेंट के अंदर DOM एलिमेंट के साथ काम करते समय एक समस्या का सामना किया।
मेरे पास एक सरल कंपोनेंट है जो एक बटन और एक इनपुट फील्ड दिखाता है। मुझे चाहिए कि बटन दबाने पर फोकस स्वचालित रूप से इस इनपुट फील्ड पर चला जाए। मैंने सामान्य `document.getElementById()` का उपयोग करने की कोशिश की, लेकिन यह उम्मीद के मुताबिक काम नहीं करता, और आम तौर पर Angular में ऐसा करने की अनुशंसा नहीं की जाती।
यहाँ मेरा वर्तमान कोड है:
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-my-form',
template: `
`
})
export class MyFormComponent {
focusInput() {
// इनपुट तक सही तरीके से कैसे पहुंचें?
const inputElement = document.getElementById('myInput');
inputElement?.focus();
}
}
```
मैंने सुना है कि Angular में कुछ विशेष...