Skip to content

Instantly share code, notes, and snippets.

@jeshan

jeshan/angular-intro-05.html

Last active August 29, 2015 14:15
Show Gist options
  • Save jeshan/cd11b751bab064511276 to your computer and use it in GitHub Desktop.
Save jeshan/cd11b751bab064511276 to your computer and use it in GitHub Desktop.
Download ZIP
angular-intro-05; ngRepeat with variables
Raw
angular-intro-05.html
<!DOCTYPE html>
<html ng-app='angularApp'>
<head>
<meta name="description" content="angular-intro-05; ngRepeat with variables">
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="script.js">
</script>
<meta charset="utf-8">
</head>
<body ng-controller='MainController'>
<table class='table table-striped'>
<tr>
<th>id</th>
<th>Programming Language</th>
<th>Compiled</th>
</tr>
<tbody>
<tr ng-repeat='item in items' ng-class='{success: $first, info: $even, warning: $odd}'>
<td ng-bind='$index + 1'></td>
<td ng-bind='item.description'></td>
<td><input ng-model='item.compiled' type='checkbox'/></td>
</tr>
</tbody>
</table>
</body>
</html>
Raw
script.js
var module = angular.module('angularApp', [ ]);
module.controller('MainController', function($scope) {
$scope.items = [
{description: 'Java', compiled: true},
{description: 'C++', compiled: true},
{description: 'JavaScript', compiled: false},
{description: 'Python', compiled: false}
];
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment