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>
  <!-- thanks to https://gist.github.com/jtrussell/13a772d812053e2e76f8 -->
</head>
<body ng-app="jsbin">
  <div ng-controller="DemoCtrl as Ctrl">
​
    <input 
                    type="number"
                    class="form-control input-rounded" 
                    ng-model="Ctrl.new.runner"
                    ng-change="Ctrl.newChangeAction(Ctrl.new)"
                    min="{{ Ctrl.getMin() }}"
                    max="{{ Ctrl.getMax() }}"
                    ng-model-options="{debounce:500}"
                    > </input>
  <span>{{Ctrl.new.runner}}</span>
                    <span ng-show="Ctrl.runnerWarning">
                        <i>{{Ctrl.runnersWarning}}</i>
  </span>
  </div>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.js"></script>
​
</body>
</htm
 
​
 
var app = angular.module('jsbin', []);
​
app.controller('DemoCtrl', function() {
  var ctrl = this;
  ctrl.name = 'World';
  ctrl.new = {
    runner:{}
  }
​
  ctrl.minRunnerValue = 5;
  ctrl.maxRunnerValue = 20;
  ctrl.getMin=function(){
    return ctrl.minRunnerValue;
  }
 ctrl.getMax=function(){
    return ctrl.maxRunnerValue;
  }
  
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers