NgBind

by OwenMelbz

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<div ng-controller="CarController" ng-app>    
    <h1 ng-bind="cars[0].name" ng-click="removeFirstCar();"></h1>
</div>

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
    }];
    
    $scope.removeFirstCar = function(){
        $scope.cars.shift();        
    };
};