matsko

<script type="text/ng-template" id="form-template">
  <div ng-messages>
    <div ng-message="invalid">You entered an invalid value for this field</div>
    <div ng-message="required">This value is required</div>
    <div ng-message="minlength">Your value is too short</div>
  </div>
</script>

<form>
  <input name="myEmailInput" />

matsko

myModule.animation('.slide', function($animateStagger) {
  return {
    enter : function(element, done) {
      return $animateStagger(element, function(index) {
        
      });
    }
  }
});

matsko

describe('App', function() {

  beforeEach(module('myApp'));

  describe('itemHistory factory', function() {

    it('should have working push and list functions', inject(function(itemHistory) {
      itemHistory.push({ id : 1, title:'yes' });
      expect(itemHistory.list()).toEqual([{ id :1, title:'yes'}]);

matsko

angular.module('disableAnimations', ['ngAnimate']).run(['$rootScope','$animate', function($rootScope, $animate) {
  $animate.enabled(false);
  $rootScope.$evalAsync(function() {
    $animate.enabled(false);
  });
}]);

matsko

      function animationsDisabled(element, parent) {
        if(element == $rootElement) {
          return rootAnimateState.disabled || rootAnimateState.running;
        }

        var validState;
        do {
          //the element did not reach the root element which means that it
          //is not apart of the DOM. Therefore there is no reason to do
          //any animations on it

matsko

function filter(exp) {
  return function filterHandler(array) {
    var newArray = [];
    for(var i=0;i<array.length;i++) {
      var a = array[i];
      if(exp(a)) {
        newArray.push(a);
      }
    }
    return newArray;

matsko

//
// PROGRAM
//
function filter(exp) {
  return function(array) {
    var newArray = [];
    for(var i=0;i<array.length;i++) {
      var a = array[i];
      if(exp(a)) {
        newArray.push(a);

matsko

.animate {
  transition: border 1s, background 2s, color 3s;
}

element.on('transitionend', callback);

function callback(event) {
  //Chrome, FF, Safari
  //border
  //background

matsko

<style>
.show-hide.ng-show,
.show-hide.ng-hide {
  transition:0.5s linear all;
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition:0.5s linear all;
}

.show-hide.ng-show {...}

matsko

<style>
//CSS
.show-hide.ng-hide-add,
.show-hide.ng-hide-remove {
  transition:0.5s linear all;
  -webkit-transition:0.5s linear all;
  -moz-transition:0.5s linear all;
  -o-transition:0.5s linear all;
  display:block!important;
}