Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app="multiple-requests">
<head lang="en">
  <meta charset="UTF-8">
  <title>AngularJS Multiple HTTP Requests</title>
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css"/>
</head>
<body ng-controller="AppCtrl as app">
<div class="container">
  <h2>{{app.angularInfo.name}}</h2>
  <div class="row">
    <div class="col-md-2">
      <img ng-src="{{app.angularInfo.avatarUrl}}" class="img-responsive"/>
    </div>
    <div class="col-md-10">
      <div class="col-md-6">
        <h3>Repos</h3>
        <div class="list-group">
          <a ng-repeat="repo in app.angularInfo.repos" class="list-group-item">
            {{repo.name}}
          </a>
        </div>
      </div>
      <div class="col-md-6">
        <h3>Events</h3>
        <div class="list-group">
          <a ng-repeat="event in app.angularInfo.events" class="list-group-item">
            {{event.type}}
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
</script>
</body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers