Reactive Forms - Error Messages

תמלול ההרצאה: Reactive Forms - Error Messages

הטקסט המלא של הדקות הראשונות בהרצאה «Reactive Forms - Error Messages» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:02

   טוב חברים, דבר אחרון שאני רוצה לעשות אתכם זה הודעות שגיאה שיהיו לא ב-HTML אלא יהיו בקוד. אני רוצה לקחת את כל ההודעות השגיאה האלו ולהעביר אותן לקוד וככה יהיה לי יותר שליטה עליהן ואני אוכל גם להטעין אותן לדוגמה מהשרט ובשפות שונות.

2. 00:18

   רוצה שאת הלוגיקה של הודעות שגיאה להעביר לתוך הקלאס. אז כדי לעשות את זה בואו נעשה איזשהו משתנה עזר. נקרא לו name name arrow message שיהיה איזשהו סטרינג וכאן נכנסו הודעות השגיאה שצריך להציג חוץ מזה גם נעשה משהו שלרוב יגיע מהשרת name error messages כאילו הודעות name error messages

3. 00:43

   וזה הולך להיות אובייקט שיש לו את השדות זה המפתח וזה הערך מפתח כאילו שם מאפיין וערך שלו name וvalue זה למעשה האובייקט שאמור תיאורטית להגיע מהשרת שבו עבור כל שגיאה כתוב מה הטקסט שלה בשפה כרגע זה רק ForbiddenNames זה שלנו, שמשתלב יפה.

4. 01:06

   או, יש לנו פה בעיה שאנחנו צריכים את ה-Value. טוב, ב-Value נטפל אחרי זה. אז יש לי פה ErrorMessage שיוצגו על המסך, אז אני מעיף את כל ההודעות השגיאה האלו, ואומר לו שיציג רק את זה.

5. 01:20

   גם את הלוגיקה הזאת אני ארצה להעביר לשמה, אז גם אותה אני אעביר לשם, לתוך ה-Class שלי. אז כאן אני אעשה רק NGif שיבדוק האם הדבר הזה בכלל קיים, ואם הוא קיים הוא יציג אותו.

6. 01:33

   זה הכל שימו לב איך הורדתי את כל הטיפול בהודעות שגיאה מ html העברתי הכל לקלאס יפה מאוד עכשיו נשאר לי רק לעשות פונקציה שבוא נעשה אותה פה למטה מתחת ל-NG on init פה למטה נקרא לפונקציה הזאת set messages והיא זאת שבעצם תכניס לתוך משתנה

7. 01:52

   הזה משהו מכאן אוקיי עכשיו השאלה זה איך אנחנו נעשה את זה כדי שנוכל לעשות את זה אנחנו צריכים קודם כל לעקוב אחרי השינויים שקורים לנו בפורום. אז איך אנחנו נעקוב אחרי השינויים שקורים לנו בפורום?

8. 02:07

   כמו שעשינו לפני כן, זוכרים פה? Value Changes, עקבנו אחרי Value Changes ועשינו עליהם Subscribe. אז אנחנו עושים אותו דבר, רק הפעם הקונטרולר שלנו יהיה על ה-Name, רק על השם, אנחנו כרגע מטפלים בו.

9. 02:20

   אז אני עושה לו צ'ק אאוט, גט שם, Value Subscribe, Value Changes, כאילו על כל השינויים שקורים לרכיב הזה, תעשה סאבסקרייב, כל פעם שמגיע לך ערך עם שינוי, תפעיל לי את הפונקציה setMessages ותעביר אליה את ה-selected value, אז קודם כל אני רוצה פה את ה-selected

10. 02:36

    value, נעביר לפונקציה את הפרמטר SelectedValues מסוג סטרינג, ונעביר אליה גם את הרכיב עצמו, את הקונטרולר, כי אני צריך לבדוק כל מיני תכונות שלו, אז אני צריך למעשה את הקונטרולר עצמו, אז נקרא לזה formControl וזה יהיה abstractControl,

11. 02:54

    abstractControl זה יכול להיות גם fameControl, כמו שעשינו לפני כן, כן? אני צריך את הקונטרולר כדי לבדוק האם נגעו בו, לא נגעו בו, האם הוא דיורטי, לא דיורטי. לא רק את הערך, גם לעשות עליו כל מיני בדיקות.

12. 03:08

    אז איך אני אעביר את הקונטרולר הזה? כמו שאני יכול לעשות לו גט, אתם יודעים מה? אני אעשה לו גט, אני אעשה לו גט וזהו. אני יכול לעשות ככה, אני מכריז על משתנה ומשייך לו איזשהו ערך.

13. 03:17

    האופציה השנייה שלי זה לקחת את הדבר הזה ולשים אותו כאן כפרמטר, פסיק ופרמטר. ואז בפונקציית setMessages אני מעביר את שניהם.

14. 03:27

    זה שתי האופציות שיש לי, בואו אני אראה לכם את שניהם. או ככה או ככה. עכשיו הייתי עושה את האופציה הזאת אם הייתי מוציא את ה-setMessages לאיזשהו סרוויס חיצוני.

15. 03:37

    אז הייתי צריך להעביר לו גם את הקונטרולר. אז שתי השיטות הן טובות. ככה לעשות, ואז לקבל אותו פה כפרמטר נוסף כאן. טוב, אני משאיר לכם פה את שתי השיטות על המסך, שתדעו. בואו נעשה אותו form-control.

16. 03:51

    צריך פה לא לסגור את הסוגריים abstract control הוא יכול להיות גם form control וגם group control הוא למעשה יכול להיות כל סוג של קונטרול מהקבוצה הזאת הנה רוצות abstract control טוב אז קיבלנו את שני הערכים האלו לפונקציה למעשה איזה קונטרולר ואיזה value יש לו יש הרבה דרכים איך לעשות את זה קודם כל אנחנו רוצים לאפס את ההודעות הקודמות

17. 03:52

    למקרה שיש שם איזושהי הודעה קודמת לבדוק האם from control dirty אם אף אחד לא שינה אותו או או שעוד לא הייתה הוראה להציג את כל ההודעות השגיאה, אני רוצה להציג הודעות שגיאה רק אם הייתה הוראה להציג את כל ההודעות השגיאה, או שמישהו שינה אותו, וגם הוא לא תקין.