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>
  <meta charset="utf-8">
  <title>Angular JS</title>
</head>
<body ng-app="jsbin">
  <div ng-controller="DemoCtrl as $ctrl">
    
    <form name="$ctrl.userForm" novalidate>
      <label>Last Name:</label>
      <input name="lastName" ng-model="lastName" required="" minlength="2">
      <ng-messages for="$ctrl.userForm.lastName.$error">
          <ng-message when="minlength">Too small!</ng-message>
          <ng-message when="required">Required!</ng-message>
      </ng-messages>
      <button ng-click="$ctrl.submit($ctrl.userForm)">Submit</button>
    </form>
    
    <p>
      <button ng-click="$ctrl.setLastName('Test')">Set value to "lastName"</button>
    </p>
    
    <h2>Results</h2>
    {{$ctrl.formResults|json}}
  </div>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.9/angular.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-messages/1.5.9/angular-messages.js"></script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers