вращение иконки с угловым нг-кликом

Я строю раскрывающееся раскрывающееся вертикальное меню, и у меня работает большинство функций, кроме той, которая ускользает от меня.Иными словами, вращение значка, чтобы он отображался, когда он открыт, и направление вниз, когда он был закрыт.У меня есть CodePen, который вы можете использовать.Я обновил код ниже, чтобы показать изменения, которые сейчас наиболее близки к решению.Вот мой HTMLИ вот что внутри моего контроллера.Функция переключения - это тренировка, и я подумал, что было бы неплохо прикрепить вращение значков к этой функции, чтобы они работали вместе.Но мне трудно понять это.Самое близкое, что я получил, было с этой функцией нижеНо это меняет все иконки в один кликПодойдет решение AngularJS или JavaScript.Я предпочитаю AngularJS.Нет предложений по начальной загрузке, пожалуйста.Это приложение углового материала.Он не использует Bootstrap.Еще раз спасибо!
4 голоса | спросил LOTUSMS 26 Jpm1000000pmThu, 26 Jan 2017 17:44:24 +030017 2017, 17:44:24

2 ответа


0
В случае, если вам нужно анимировать открытие и закрытие иконки меню, вы также можете применить 2 разных CSS-класса с разными свойствами CSS-преобразования.И используйте соответственно класс ng, используя 2 выражения:HTMLCSS КЛАССЫCODEPENhttp://codepen.io/alexincarnati/pen/zNEPoW
ответил Alessandro Incarnati 26 Jpm1000000pmThu, 26 Jan 2017 18:15:12 +030017 2017, 18:15:12
0
Добавьте переменную $ scope с именем открытое и установите ее 0.Переключите его значение в вашем ng-щелчке в зависимости от того, какое меню щелкнуло следующим образом ... open = 1;И используйте это с вашим ng-классом:Вы бы сделали это для каждого меню, используя разные номера, чтобы идентифицировать его, 1,2,3 ...
ответил jbrown 26 Jpm1000000pmThu, 26 Jan 2017 18:02:32 +030017 2017, 18:02:32

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132