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>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.js"></script>
    <meta charset="utf-8">
    <title>JS Bin</title>
  </head>
  <body ng-app="app">
    <h1>Form</h1>
    <form name="myForm">
      <input type="email" id="input" ng-model="emailAddress" name="myEmail" />
    </form>
    <h1>NgModelController</h1>
    <pre>{{myForm.myEmail | json}}</pre>
    <h1>Input className</h1>
    <div show-class="#input"></div>
  </body>
</html>
 
var app = angular.module('app', ['ngAnimate']);
​
app.directive('showClass', function() {
  return {
    restrict: 'A',
    template: '<pre>{{classes}}</pre>',
    link: function(scope, el, attrs) {
      var el = document.querySelector(attrs.showClass);
      setInterval(function() {
        if (el.className !== scope.classes) {
          scope.classes = el.className;
          scope.$apply();
        }
      }, 300);
    }
  }
});
Output

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

Dismiss x
public
Bin info
kentcdoddspro
0viewers