过渡课只在第一次角度js工作

Question

我在点击按钮时尝试，将切换类转换 这是我的代码

function linkFc(scope,element,attr) {
            var toggle =angular.element(document.querySelector('.fa-bars'));
            toggle.on('click',function(){
                element.toggleClass('toggle');
            })
            }

这是我的plnkr

https://plnkr.co/edit/1403TdWErBAzrdbszkGo?p=preview 我哪里错了？请帮帮我

Answer 1

假设您希望单击汉堡包时导航菜单的宽度转换回300px，您需要将transition规则移动到基本状态CSS块，您当前在{{1块，仅在父元素具有.toggle .nav-side-menu类时才应用。

将.toggle规则移至transition: all 1s ease;块以获得所需效果。

另外请注意，请阅读一些有关代码质量和格式的文章。你的代码非常混乱，这将使其他人（和你自己）在将来阅读和维护变得更加困难。