Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!doctype html>
<html ng-app="myApp">
<head>
  <link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
</head>
<body>
  
<a href="" ng-click="toggleSpin = !toggleSpin">Start spin</a>
<div spin-me="toggleSpin">Spin me!</div>
  
</body>
</html>
 
var app = angular.module('myApp', []);
app.controller('MyController', function($scope) {
    $scope.toggleSpin = false;
});
​
app.directive('spinMe', function() {
  return function(scope, elem, attrs) {
    scope.$watch(attrs.spinMe, function() {
      elem.addClass('spin');
      setTimeout(function() {
        elem.removeClass('spin');
      }, 500);
    });
  };
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
evanemolopro
0viewers