مجید خالقیان
مجید خالقیان
خواندن ۱ دقیقه·۳ سال پیش

راه جالب برای debug در Angular

معمولا افرادی که در حوزه Web Front End فعالیت می‌کنند از راه هایی مانند console.log یا debugger برای debug کار خود بهره می‌برند. ولی در Angular یک راه جالب وجود دارد که در برخی مواقع کاربردی تر از راه های مرسوم است.

کافی است همان selector که برای component تعیین شده است را در نظر داشته باشید و دستور زیر را در console اجرا کنید (در اینجا برای مثال 'app-root' را گذاشته ایم):

ng.getComponent(document.getElementsByTagName('app-root')[0])

کامپوننت مورد نظر شما با تمام جزئیات به همراه نوع و مقدارشان نمایش داده می‌شوند.
می‌توانید با همه تغییرات دستور را اجرا کنید و مقادیر و تغییرات کامپوننت را ببینید.

angularjavascriptdebug
Full-Stack Developer
شاید از این پست‌ها خوشتان بیاید