Я обнаруживаю угловатую и очень впечатлен этой структурой.Угловая анимация при изменении модели
Я копаю в анимацию. Это кажется очень сильным, но я не нахожу что-то, что кажется легким.
У меня есть значение, которое привязано к области. Скажем, <span>{{article.title}}</span>. Я хочу поставить анимацию на фоне, когда модель меняется ... Как я могу сделать это легко?
Заранее за вашу помощь.
app.directive([ "$animate", function ($animate) {
return function (scope, element, attrs) {
var oldVal = attrs.animateWhen;
attrs.$observe('animateWhen', function (value) {
if (value != oldVal) {
$animate.addClass(element, attrs.animateClass);
}
});
};
}]);
В вашем HTML:
<span data-animate-when="{{ article.title }}" data-animate-class="aAnimationClassYouMakeOrUse">{{ article.title }}</span>
Я не проверял, но основная идея заключается в том, как это.
Вы изучали 'ng-animate'? – charlietfl
Да, но nganimate кажется совершенным для ngswitch или изменения в коллекции, или когда элемент dom удален или добавлен. Но для легкой привязки в шаблоне? – Farf
Извините, что читал статьи о предыдущей версии ... $ animate.addClass, похоже, делает то, что я ищу ... Я буду копать дальше позже. – Farf