Angular Directive Performance

בעיית הביצועים באנגולר בדר”כ קשורה ל- Directive שלא נכתב כמו שצריך, כלומר מייצר  scope ו- watch מיותרים.

לדוגמא :

המימוש של ה- directives האלו יוצר את ה-scopes הבאים + watch. הנתונים הם מערך של 3 רשומות.

הסברים:

1. סקופים 00A ו- 00E הם סגורים מתאמים של מקום.

2. ngRepeapt יוצר 3 סקופים בגלל שבמערך יש 3 אובייקטים.

3. בתוך כל סקופ שיוצר ה-ngRepeat נוצרים עוד שני סקופים אחד של expander ואחד של transclude.

4. לכל איבר ברשימה יוצר 4 watch.

בפרויקט קטן זה יכול לעבוד אבל אם יש לכם 100 expanders זה בעיית ביצועים……

לאחר עבודה הצלחתי ליצור את התוצאה הבאה:

הסברים חוץ מהסקופים של ngRepeat לא נוצרים עוד סקופ או watch. כך בונים directive.