Skip to content

Instantly share code, notes, and snippets.

@tyleraadams

tyleraadams/jsbin.cesiy.html

Created May 23, 2014 18:53
Show Gist options
  • Save tyleraadams/65f447f0e30c0603e880 to your computer and use it in GitHub Desktop.
Save tyleraadams/65f447f0e30c0603e880 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.cesiy.html
<!DOCTYPE html>
<html ng-app>
<head>
<meta name="description" content="Repeat example" />
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.12/angular.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body ng-controller="RepeatCtrl">
<ul>
<li ng-repeat="student in students">{{student.name}} is {{student.age}} years old</li>
</ul>
<!-- My particulars
<ul>
<li ng-repeat="(key, value) in details">{{key}} is {{value}}</li>
</ul> -->
</body>
</html>
Raw
jsbin.cesiy.js
function RepeatCtrl($scope) {
$scope.students = [{ name: "Tyler", age: 27, title: "Boot" }, {name: "Julia", age: 27, title: "Boot" }, {name: "Adam", age: 25, title: "Boot" }, ];
// $scope.details = { name: "Chris", age: 41, title: "Occupant" };
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment