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>
  
  <script src="//rawgit.com/kentcdodds/ng-stats/master/ng-stats.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 as userCtrl">
  
  <div class="container-fluid">
      <h2>Angular 1.3 one-time bindings</h2>
​
  <div class="alert alert-info" angular-stats watch-count=".watch-count" digest-length=".digest-length">
    <div><strong>Watch Count:</strong> <span class="watch-count"></span></div>
    <div><strong>Digest Cycle Length:</strong> <span class="digest-length"></span> ms</div>
  </div>
    
    <p>To use one-time bindings, prefix with like this:
      <code>{{</code><code>::user.name</code><code>}}</code>
    </p>
    <label>
      Total People:
      <input type="number" min="0" max="1400" ng-model="userCtrl.visibleUsers"/>
    </label>
    <div>
    
   Hovering: {{userCtrl.currentPerson}}
      
    <table class="table">
      <tbody>
        <thead>
          <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Email</th>
            <th>Age</th>
            <th>Phone</th>
            <th>Address</th>
            <th>Balance</th>
            <th>Favorite Number</th>
            <th>Active</th>
          </tr>
        </thead>
        <tr ng-class="{'well' : userCtrl.currentPerson==user.name}" ng-repeat="user in userCtrl.users | limitTo: userCtrl.visibleUsers" ng-mouseover="userCtrl.currentPerson=user.name">
          <td>{{user.index}}</td>
          <td>{{user.name}}</td>
          <td>{{user.email}}</td>
          <td>{{user.age}}</td>
          <td>{{user.phone}}</td>
          <td>{{user.address}}</td>
          <td>{{user.balance}}</td>
          <td>{{userCtrl.getFavoriteNumber(user.index)}}</td>
          <td>{{user.isActive}}</td>
        </tr>
    </div>
      </tbody>
    </table>
    
  
</body>
</html>
Output

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

Dismiss x
public
Bin info
victormejiapro
0viewers