Skip to content

Instantly share code, notes, and snippets.

@superchris
Created May 20, 2014 15:35
Show Gist options
  • Select an option

  • Save superchris/aadce5d0cd18605d8a9f to your computer and use it in GitHub Desktop.

Select an option

Save superchris/aadce5d0cd18605d8a9f to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html ng-app="studentApp">
<head>
<meta name="description" content="Camp NG Example 2" />
<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="StudentCtrl as studentList">
<ul>
<li ng-repeat="student in studentList.students">{{student.name}} <img ng-show="student.email" src="http://avatars.io/email/{{student.email}}"/></li>
</body>
</html>
var studentApp = angular.module("studentApp", []);
studentApp.controller("StudentCtrl", function() {
this.students = [{
name: "Joe Blow",
email: "[email protected]"
}, {
name: "John Doe",
email: ""
}];
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment