NgRepeat

by OwenMelbz

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<ul ng-controller="CarController" ng-app>
    <li ng-repeat="car in cars" title="{{car.colour}}">{{car.name}} - {{car.topSpeed}}</li>
</ul>

JavaScript

var CarController = function ($scope) {

    $scope.cars = [{
        "name": "Electric Car",
        "colour": "White",
        "topSpeed": 250
    }, {
        "name": "Hybrid Car",
        "colour": "Green",
        "topSpeed": 230
    }, {
        "name": "Petrol Car",
        "colour": "Black",
        "topSpeed": 220
    }];

};