Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app="app">
  <head>
    <script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>
  <body ng-controller="NumController as vm">
    <h1>Hello Plunker!</h1>
    <form name="vm.form">
      <div>
            <label class="control-label">Number of Keys</label>
            <input type="number" ng-step=1 ng-min=1 ng-max=10 name="numKeys" ng-model="vm.formData.numKeys" required class="form-control" />
            <div class="fr m-t-xs" ng-if="(vm.form.numKeys.$touched && vm.form.numKeys.$invalid)">Maximum 10 </div>
       </div>
    </form>
      {{vm.form.numKeys | json}}
  </body>
</html>
 
angular
 .module('app', [])
 .controller('NumController', function($log) {
    var vm = this;
 });
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers