Можно ли использовать анимацию с использованием CSS-3 или Javascript без использования ngAnimate на ng-repeat? Я хочу avaoid использовать ng-Animate из-за производительности, а анимация не является гладкой.Как получить эффект fadeout при удалении элемента из ng-repeat без использования ngAnimate?
Пожалуйста, предложите мне альтернативный способ или любую ссылку, где я смогу найти решение.
Благодаря
Я никогда не использую ngAnimate, но animate.css. вот код, http://plnkr.co/edit/DjuxVfOjcUa0N4nOCSGN?p=preview
<!DOCTYPE html>
<html>
<head>
<script data-require="[email protected]" data-semver="1.3.0-rc.2" src=" https://code.angularjs.org/1.3.0-rc.2/angular.js"></script>
<link rel="stylesheet"
href="https://rawgit.com/daneden/animate.css/master/animate.css" />
</head>
<body ng-app>
<ul>
<li ng-repeat="no in [1,2,3,4,5]" ng-click="myvar=!myvar"
ng-class="{animated:true, fadeOut:myvar, fadeIn: !myvar}">
{{no}}
</li>
</ul>
<h1>Hello Plunker!</h1>
</body>
</html>
[нг-Animate использует CSS для своих переходов.] (Https://docs.angularjs.org/guide/animations) Так что на самом деле это не разница между использованием одного с другой. –
вы можете использовать 'ngClass' и добавить свой собственный класс на основе условия, но, как сказал @MatthewGreen,' ngAnimate' * очень * плавный, так как он может использовать анимацию/переход css – meriadec