Как анимировать иконку фа? - PullRequest
Новая
       7

Как анимировать иконку фа?

0 голосов
/ 29 февраля 2020

https://imgflip.com/gif/3qzcjs Я хочу изменить значок fa при расширении этого меню. Я попытался изменить класс, но изображение не изменилось. 

         <ul class="list-unstyled components">
             <li>
                 <NavLink href="/">
                     Acasă
                 </NavLink>
             </li>
             <li>
                 <a @onclick="(() => ToggleNav(1))" data-toggle="collapse">Articole <i class="fa @(this.IsHidden1 ? "fa-angle-right" : "fa-angle-down")"></i></a>
                 <ul class="list-unstyled sub-menu @(this.IsHidden1 ? "toggle-hide": "toggle-show")">
                     <li>
                         <NavLink class="testclass" href="/sdfds">
                             SubMenu1
                         </NavLink>
                     </li>
                     <li>
                         <NavLink class="testclass" href="/sdfds">
                             SubMenu2
                         </NavLink>
                     </li>
                 </ul>
             </li>
</ul>


 @code {
     protected bool IsHidden1 { get; set; } = true;

     protected void ToggleNav(int navId)
     {
         switch (navId)
         {
             case 1:
                 IsHidden1 = !IsHidden1;
                 break;
         }
     }
 }

Я попытался вызвать StateHasChanged (); но тоже не работает. Можете ли вы помочь мне анимировать этот значок на клике?

...