Unable to initialize and fetch array from controller in AngularJS

Question

I was trying to initialize and fetch the array values from the controller.

var app = angular.module('carApp', []);

app.controller('carAppCtrlr', function ($scope) {
    $scope.vehicles = [{
        type: 'car',
        color: 'red'
    }, {
        type: 'bike',
        color: 'black'
    }];
};);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div data-ng-app='carApp' data-ng-controller='carAppCtrlr'>
    <ul>
        <li data-ng-repeat='v in vehicles'>{{v.type +" " + v.color}}</li>
    </ul>
</div>

Output

The values are not getting printed:

Ashot · Accepted Answer · 2015-11-29 07:45:46Z

3

delete semicolon in last line of your controller definition

var app = angular.module('carApp', []);

app.controller('carAppCtrlr', function ($scope) {
   $scope.vehicles = [{
    type: 'car',
    color: 'red'
    }, {
    type: 'bike',
    color: 'black'
   }];
});

answered Nov 29, 2015 at 7:45

Ashot

1,3091 gold badge12 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mr.X Over a year ago

Thanks @Ashot - so quick and prefect! Just updated the fiddle.

Collectives™ on Stack Overflow

Unable to initialize and fetch array from controller in AngularJS

Output

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

Output

1 Answer 1

1 Comment

Related