מהו שינוי Ng ב- JS Angular וכיצד להקצות לו ערך?



שינוי Ng הוא הנחיה ב- JS זוויתי המיועד לביצוע פעולות כאשר ערך רכיב או אירוע משתנה. למד הכל על כך בדוגמאות.

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

לפני שנמשיך עם הבלוג, נבחן תחילה מהן הוראות ב- AngularJS.





מהי הנחיה?

הוראות AngularJS הן פשוט מאפייני HTML מורחבים עם קידומת 'ng-'. AngularJS מספקת קבוצה של הוראות מובנות המציעות פונקציות שונות ליישומים שלנו.

AngularJS מאפשר לנו גם להגדיר את ההוראות שלנו.



מהו שינוי ng?

שינוי הוא א המיועד לביצוע פעולות כאשר ערך רכיב או אירוע משתנים. במילים אחרות,ng- שינויהנחיה אומרת ל- AngularJS מה לעשות כאשר הערך של אלמנט HTML משתנה.

system.exit (0)

Anמודל ngהנחיה נדרשת על פי הוראת ng-change.



נקודות חשובות בשימוש בהוראת ng-change:

  • מה קורה לאירוע onChange? הng- שינויההנחיה מ- AngularJS אינה עוקפת את אירוע ההחלפה המקורי של האלמנט, הןng- שינויהביטוי ואירועי השינוי המקוריים יבוצעו.
  • הng- שינויהאירוע מופעל בכל שינוי בערך. הוא לא ימתין לביצוע כל השינויים, או עד ששדה הקלט יאבד את המיקוד.
  • הng- שינויהאירוע מופעל רק אם חל שינוי בפועל בערך הקלט, ולא אם השינוי נעשה מ- JavaScript.
  • הנחיה זו לשינוי ng נתמכת על ידי תגי HTML כמו,, ו-.
  • הביטוי ngChange מוערך רק כאשר שינוי בערך הקלט גורם לערך חדש להיות מחויב למודל.

זה לא יוערך:

  1. אם הערך שהוחזר מצינור הטרנספורמציה $ parsers לא השתנה
  2. אם הקלט המשיך להיות לא חוקי, מכיוון שהמודל יישאר ריק
  3. אם המודל משתנה לא על ידי ערך קלט אלא מבחינה תוכנתית.

הערה , הנחיה זו דורשתngModelלהיות נוכח.

תחביר:

< אֵלֵמֶנט ng- שינוי='ביטוי' > אֵלֵמֶנט >

expression: הוא מציין ביטוי שמבוצע כאשר ערך של אלמנט משתנה.

דוגמא:

 

אנא הקלד בשדה הקלט:

שדה הקלט השתנה {{count}} פעמים.

angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

פלט (לאחר 3 שינויים)

אנא הקלד בשדה הקלט:

שדה הקלט השתנה 3 פעמים.

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

עכשיו שאתה מכיר את ההוראות הזוויתיות, בדוק את מאת אדוריקה, חברת למידה מקוונת מהימנה עם רשת של יותר מ -250,000 לומדים מרוצים הפרוסים ברחבי העולם. Angular היא מסגרת JavaScript המשמשת ליצירת יישומי אינטרנט ניתנים להרחבה, ארגונית וביצועים בצד הלקוח. עם אימוץ מסגרת זוויתית גבוהה, ניהול הביצועים של היישום מונע קהילה בעקיפין ומניע הזדמנויות עבודה טובות יותר. אימון ההסמכה הזוויתי נועד לכסות את כל המושגים החדשים הללו סביב פיתוח יישומים ארגוניים.