Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="cours2016">
  <head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
​
  </head>
  <body class="conta" ng-controller="coursController as c2016">
    
    <table class="table-st">
  <thead><tr>
    <th>Edit</th>
    <th>Cours</th>
    <th>Niveau</th>
  </tr></thead>
  <tbody><tr ng-repeat="c in c2016.cours | orderBy:'niveau' ">
     <td>
      <button class="btn" ng-click="" ng-disabled="true">
      <span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Edit
      </button>
    </td>
    <td> {{c.nom}}</td>
    <td> {{c.niveau}}</td>
  </tr></tbody>
</table>
    
    
​
     <hr>
  
  </body>
</html>
 
(function() {
  
    var cours = [
    { nom: 'Jquery', niveau:1 },
    { nom: 'html', niveau:5 },
    { nom: 'CSS', niveau:3 },
    { nom: 'JS', niveau:2 },
  ];
  
  
  
  var app = angular.module('cours2016', []);
​
  app.controller('coursController', function(){
    this.cours = cours ;
  });
​
​
})();
Output

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

Dismiss x