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="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.3/angular.min.js"></script>
 
<title>What's new in Angular 1.3</title>
​
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"
</head>
  
<body ng-app="app" ng-controller="UserCtrl">
  
  <div class="container-fluid">
      <h2>Angular 1.3 ngModelOptions</h2>
​
      <div class="form-group">
        <div class="input-group">
          <input class="form-control" type="text" placeholder="Enter GitHub username" ng-model="searchText" ng-model-options="{ debounce: { 'default': 500, 'blur': 0 } }">
        </div>
      </div>
    
      <table class="table">
      <tbody>
        <thead>
          <tr>
            <th>ID</th>
            <th>Repo Name</th>
            <th>Language</th>
            <th>Last Push</th>
          </tr>
        </thead>
        <tr ng-repeat="repo in repos">
          <td>{{repo.id}}</td>
          <td>{{repo.name}}</td>
          <td>{{repo.language}}</td>
          <td>{{repo.pushed_at | date : 'medium'}}
        </tr>
      </tbody>
    </table>
  </div>    
  
</body>
</html>
Output

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

Dismiss x
public
Bin info
victormejiapro
0viewers