OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>NgAnimate | Demos, Stress Tests, Examples and More!</title> |
| 5 <link type="text/css" rel="stylesheet" href="css/animation.css" /> |
| 6 </head> |
| 7 <body class="ng-cloak" ng-app animation-demo> |
| 8 <nav> |
| 9 <button ng-repeat="page in demo.pages" |
| 10 ng-click="demo.currentPage = page" |
| 11 ng-class="{'current': demo.currentPage == page}"> |
| 12 {{page}} |
| 13 </button> |
| 14 </nav> |
| 15 <div class="content" ng-switch="demo.currentPage"> |
| 16 <div class="demo" ng-switch-default> |
| 17 <h2>About</h2> |
| 18 <p>The NgAnimate module is a port with modifications of the original |
| 19 AngularJS animation module. The default implementation does nothing. |
| 20 It simply provides hooks into the angular subsystem. Adding |
| 21 <code>AnimationModule</code> however is a whole different story. Once |
| 22 added it allows you define and run css animations on your elements with |
| 23 pure CSS.</p> |
| 24 <p>Check out the demos above.</p> |
| 25 </div> |
| 26 <div class="demo" ng-switch-when="ng-repeat"> |
| 27 <h2>ng-repeat Demo</h2> |
| 28 <repeat-demo></repeat-demo> |
| 29 </div> |
| 30 <div class="demo" ng-switch-when="Visibility"> |
| 31 <h2>Visibility Demo</h2> |
| 32 <visibility-demo></visibility-demo> |
| 33 </div> |
| 34 <div class="demo" ng-switch-when="Css"> |
| 35 <h2>Css Demo</h2> |
| 36 <css-demo></css-demo> |
| 37 </div> |
| 38 <div class="demo" ng-switch-when="Stress Test"> |
| 39 <h2>Stress Test</h2> |
| 40 <stress-demo></stress-demo> |
| 41 </div> |
| 42 </div> |
| 43 <script type="application/dart" src="animation.dart"></script> |
| 44 <script src="packages/browser/dart.js"></script> |
| 45 </body> |
| 46 </html> |
OLD | NEW |