Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="myApp">
  <div ng-controller="MainCtrl">
    <div ng-repeat="customer in customers">
      <p><strong>{{customer.name}}</strong></p>
      <p>{{customer.email}}</p>
      <p><em>{{customer.registered}}</em></p>
      <br />
    </div>
  </div>
</body>
</html>
 
var app = angular.module("myApp", []);
​
app.controller("MainCtrl", function ($scope) {
  $scope.customers = [
    {
        "id": 0,
        "guid": "abaa535b-8260-4366-9bde-d5b989b1b084",
        "isActive": true,
        "balance": "$1,241.07",
        "picture": "http://placehold.it/32x32",
        "age": 29,
        "eyeColor": "blue",
        "name": "Sharon Potter",
        "gender": "female",
        "company": "UNISURE",
        "email": "sharonpotter@unisure.com",
        "phone": "+1 (806) 527-3601",
        "address": "954 Roebling Street, Grantville, Montana, 3895",
        "about": "Labore occaecat esse ut aute nisi in anim ut sunt culpa et. Pariatur nisi eu ipsum incididunt esse laboris laboris qui amet tempor. Mollit do exercitation eu nulla excepteur aute et cupidatat mollit eu reprehenderit sint tempor ipsum. Eiusmod id aliquip et excepteur velit. Amet do ullamco pariatur deserunt magna dolore est incididunt Lorem.\r\n",
        "registered": "2014-05-18T09:54:22 +04:00",
        "latitude": -84.899432,
        "longitude": -170.271327,
        "tags": [
            "proident",
            "proident",
            "aute",
            "reprehenderit",
            "id",
            "voluptate",
            "excepteur"
        ],
        "friends": [
            {
                "id": 0,
                "name": "Gallagher Molina"
            },
            {
                "id": 1,
                "name": "Velez Butler"
            },
            {
                "id": 2,
                "name": "Hillary Rasmussen"
            }
        ],
        "greeting": "Hello, Sharon Potter! You have 7 unread messages.",
        "favoriteFruit": "banana"
    },
    {
        "id": 1,
        "guid": "bb091d23-d39d-401a-837e-83b7c76d344f",
        "isActive": true,
        "balance": "$2,875.59",
        "picture": "http://placehold.it/32x32",
        "age": 22,
        "eyeColor": "blue",
        "name": "Best Marks",
        "gender": "male",
        "company": "DANCERITY",
        "email": "bestmarks@dancerity.com",
        "phone": "+1 (897) 511-2782",
        "address": "261 Wythe Place, Darrtown, Massachusetts, 9813",
        "about": "Dolore eiusmod ipsum anim do cupidatat fugiat et cupidatat ullamco cupidatat nostrud. Amet proident et laboris culpa duis ut cillum do do voluptate dolore fugiat. Minim ea eu veniam irure ad tempor ullamco incididunt do anim qui nulla amet. In cillum veniam ex id pariatur non. Nisi ullamco cillum officia consectetur dolore ex Lorem commodo. Velit consectetur aliqua nulla consectetur duis nulla duis cupidatat mollit deserunt velit.\r\n",
        "registered": "2014-03-17T07:34:21 +04:00",
        "latitude": 8.635702,
        "longitude": -86.468205,
        "tags": [
            "eu",
            "velit",
            "culpa",
            "ea",
            "consectetur",
            "duis",
            "pariatur"
        ],
        "friends": [
            {
                "id": 0,
                "name": "Owen Nixon"
            },
            {
                "id": 1,
                "name": "Bowen Mitchell"
            },
            {
                "id": 2,
                "name": "Guzman Bolton"
            }
        ],
        "greeting": "Hello, Best Marks! You have 8 unread messages.",
        "favoriteFruit": "apple"
    },
    {
        "id": 2,
        "guid": "09c040e9-ceac-4872-b2ec-13ef3deb5ac8",
        "isActive": true,
        "balance": "$1,386.66",
        "picture": "http://placehold.it/32x32",
        "age": 24,
        "eyeColor": "green",
        "name": "Evangeline Watson",
        "gender": "female",
        "company": "MOREGANIC",
        "email": "evangelinewatson@moreganic.com",
        "phone": "+1 (943) 537-2991",
        "address": "494 Brighton Court, Farmers, Wisconsin, 1315",
        "about": "Et magna ex velit esse consequat sunt duis cillum. Ipsum ipsum Lorem ut eiusmod est voluptate aute labore et duis do officia excepteur aute. Elit proident Lorem adipisicing veniam sint aliquip consequat ex. Tempor proident dolor duis ea sit commodo et eu nostrud anim consequat sint. Id exercitation qui culpa eiusmod labore ex anim magna id pariatur nisi. Lorem in enim officia deserunt magna est reprehenderit non adipisicing ea nulla cupidatat proident.\r\n",
        "registered": "2014-01-29T21:45:24 +05:00",
        "latitude": -51.397674,
        "longitude": 51.578261,
        "tags": [
            "excepteur",
            "ea",
            "officia",
            "minim",
            "id",
            "nulla",
            "enim"
        ],
        "friends": [
            {
                "id": 0,
                "name": "Aguirre Davis"
            },
            {
                "id": 1,
                "name": "Dickson Briggs"
            },
            {
                "id": 2,
                "name": "Hart Goodman"
            }
        ],
        "greeting": "Hello, Evangeline Watson! You have 2 unread messages.",
        "favoriteFruit": "apple"
    },
    {
        "id": 3,
        "guid": "e0aed1fa-6676-491a-a4c9-b6480637271b",
        "isActive": false,
        "balance": "$1,441.15",
        "picture": "http://placehold.it/32x32",
        "age": 22,
        "eyeColor": "green",
        "name": "Park Henson",
        "gender": "male",
        "company": "ZEROLOGY",
        "email": "parkhenson@zerology.com",
        "phone": "+1 (898) 473-3632",
        "address": "580 Bancroft Place, Waiohinu, Georgia, 2522",
        "about": "Elit consectetur nisi proident nisi enim consectetur tempor nostrud culpa. Culpa ad aliquip quis fugiat. Mollit do exercitation labore do consequat proident sint excepteur labore anim voluptate mollit dolor commodo.\r\n",
        "registered": "2014-03-11T02:51:06 +04:00",
        "latitude": 55.364641,
        "longitude": 136.319604,
        "tags": [
            "adipisicing",
            "adipisicing",
            "consectetur",
            "consectetur",
            "quis",
            "ea",
            "ex"
        ],
        "friends": [
            {
                "id": 0,
                "name": "Brady Blake"
            },
            {
                "id": 1,
                "name": "Yvette Mcguire"
            },
            {
                "id": 2,
                "name": "Clarice Huffman"
            }
        ],
        "greeting": "Hello, Park Henson! You have 7 unread messages.",
        "favoriteFruit": "banana"
    },
    {
        "id": 4,
        "guid": "14a079d6-ab66-4778-9492-e0c9478cd052",
        "isActive": true,
        "balance": "$1,462.35",
        "picture": "http://placehold.it/32x32",
        "age": 28,
        "eyeColor": "blue",
        "name": "Shepherd Holman",
        "gender": "male",
        "company": "INSURESYS",
        "email": "shepherdholman@insuresys.com",
        "phone": "+1 (868) 600-3349",
        "address": "718 Hudson Avenue, Taft, Pennsylvania, 1733",
        "about": "In tempor in anim non eiusmod. Culpa ea culpa cupidatat excepteur laboris quis nulla. Pariatur dolore et eu ut esse ad ad commodo nulla velit. Ex est non consequat adipisicing cupidatat eu tempor aute do voluptate fugiat velit. Adipisicing velit proident minim non fugiat aute fugiat sint irure excepteur et pariatur.\r\n",
        "registered": "2014-04-30T18:48:09 +04:00",
        "latitude": 87.424478,
        "longitude": 65.562003,
        "tags": [
            "ipsum",
            "aliqua",
            "nulla",
            "magna",
            "voluptate",
            "consequat",
            "laborum"
        ],
        "friends": [
            {
                "id": 0,
                "name": "Sloan Pate"
            },
            {
                "id": 1,
                "name": "Colette Bass"
            },
            {
                "id": 2,
                "name": "Haley Bell"
            }
        ],
        "greeting": "Hello, Shepherd Holman! You have 5 unread messages.",
        "favoriteFruit": "strawberry"
    }
  ];
});
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers