كيفية الوصول إلى عنصر DOM في قالب مكون Angular؟

مرحبًا بالجميع! لقد بدأت للتو في تعلم Angular و TypeScript، وواجهت مشكلة عند العمل مع عناصر DOM داخل المكون. لدي مكون بسيط يعرض زرًا وحقل إدخال. أحتاج إلى أنه عند الضغط على الزر، ينتقل التركيز تلقائيًا إلى حقل الإدخال هذا. حاولت استخدام `document.getElementById()` العادي، لكنه لا يعمل كما توقعت، وبشكل عام في Angular لا يُنصح بفعل ذلك. هذا هو الكود الحالي الخاص بي: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-my-form', template: ` ` }) export class MyFormComponent { focusInput() { // كيف يمكن الوصول إلى input بشكل صحيح؟ const inputElement = document.getElementById('myInput'); inputElement?.focus(); } } ``` سمعت أن في Angular هناك بعض الطرق الخاصة