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="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body ng-app="ang6App">
  <div class="container" ng-controller="AirportsCtrl">
  <ul ng-repeat="airport in airports.detail">
    <li><a href="" ng-click="setAirport(airport.code)">{{airport.code}}</a> -- {{airport.city}} </li>
  </ul>
      <p> current: {{currentAirport.name}}</p>
    <hr>
    <form ng-submit="addAirport()" ng-model="ap" >
      <h4 >Add Airport</h4>
      <div class="form-group">
        <label>ID:</label><br>
        <input class="form-control" type="text" ng-model="ap.id" placeholder="eg. PDX">
      </div>
      
       <div class="form-group">
         <label >code:</label><br>
        <input class="form-control" type="text" ng-model="ap.code" placeholder="eg. PDX">
      </div>
      
      <div class="form-group">
        <label>Name:</label><br>
        <input class="form-control" type="text" ng-model="ap.name" placeholder="eg. Portland Intl. Airport">
      </div>
      
      <div class="form-group">
        <label>City</label><br>
        <input  class="form-control"type="text" ng-model="ap.city" placeholder="eg. Portland">
      </div>
  <input class="btn btn-primary" type="submit">
    </form>
​
    <h4>Debug</h4>
    <pre>ap: {{ ap }}</pre>
    <pre>airports: {{ airports | json }}</pre>
​
</div>
</body>
</html>
Output

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

Dismiss x
public
Bin info
joemallerpro
0viewers