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="app">
  <head>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.10/angular.min.js"></script>
    <meta charset=utf-8 />
    <title>JS Bin</title>
  </head>
  <body ng-controller="MyCtrl">
    <form action = "/">
      <label for="bikes">Bikes</label>
      <input type="number" min="0" ng-model="model.bikes" placeholder="Bikes" id = "bikes"/>
       <label for="tires">Tires</label>
      <input type="number" min="0" ng-model="model.tires" placeholder="tires" id = "tires"/>
    </form>
    
    <div>Bikes property value: {{model.bikes}}</div>
    <div>Tires property value: {{model.tires}}</div>
    
    <button ng-click="changeBikes()">Set bikes to 10</button>
  </body>
</html>
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers