הקלאס ng-enter מופיע לפני שאני מנסה לפלטר...

[ש.ב.ח.]

באנגורלJS

עשיתי רכיב שהוא repeat עם פילטר מ input.
ניסיתי להוסיף לו אנימציה כך:

item-product.ng-move,
item-product.ng-enter,
item-product.ng-leave {
  transition:all 0.5s;
}

item-product.ng-leave.ng-leave-active,
item-product.ng-move,
item-product.ng-enter{
  opacity:0;
}

item-product.ng-leave,
item-product.ng-move.ng-move-active,
item-product.ng-enter.ng-enter-active {
  opacity:1;
}

ומשום מה כשהדף עולה לא ראיתי את הפריטים, מבדיקה קצרה עולה שהקלאס ng-enter מגיע עם הפריטים, למה?

אשמח לתגובתכם.

[ש.ב.ח.]

מצאתי את המוקש אבל זה ממש מוזר, איך פותרים אותו.
האלמנט הrepeat היה בתוך אלמנט שהיה בng-show ולכן הוא קיבל את הקלאס הזה.

[dovid]

אני לא מבין הCSS שלך בכלל לא תקין.
item-product צריך להיות לפניו נקודה.

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

[ש.ב.ח.]

@dovid
הCSS תקין, זה הcomponent בעצמו שיש עליו repeat

נכון, הוא אמור להגיע עם ng-enter אבל להשתחרר ממנו גם! וכאן זה לא קורה! הוא תקוע עם הng-enter לאדעלמה...

@ש-ב-ח אמר בהקלאס ng-enter מופיע לפני שאני מנסה לפלטר...:

האלמנט הrepeat היה בתוך אלמנט שהיה בng-show ולכן הוא קיבל את הקלאס הזה.

אולי המשפט היותר נכון "...ולכן הוא לא השתחרר מהקלאס הזה"