Skip to content

Instantly share code, notes, and snippets.

@tihuan

tihuan/jsbin.muhom.html

Created May 23, 2014 18:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tihuan/6f6a62fff216fc01f423 to your computer and use it in GitHub Desktop.
Save tihuan/6f6a62fff216fc01f423 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
jsbin.muhom.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="fruit in fruits">{{fruit}}</li>
</ul>
My particulars
<ul>
<li ng-repeat="(key, value) in details">{{key}} is {{value}}</li>
</ul>
<ul>
<li ng-repeat="student in students">
Name: {{student.name}} and Age: {{student.age}}
</li>
</ul>
</body>
</html>
Raw
jsbin.muhom.js
function RepeatCtrl($scope) {
$scope.fruits = ["Bananas", "Canteloupe", "Cherries", "Strawberries", "Tomatoes"];
$scope.details = { name: "Chris", age: 41, title: "Occupant" };
$scope.students = [{name: "Student A", age: 1}, {name: "Student B", age: 2}, {name: "Student C", age: 3}]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment