Not able to loop values in angularjs

Question

I have a code and I want to loop throught the array in json format by using ng-repeat and ng-init.

But the code isn't working.

Below is the following code.

<!DOCTYPE html>
<html ng-app="">
<head>
    <title></title>
</head>
<body>
    <h1>
        ng - repeat
    </h1>
    <hr />
    <div ng-init="myFavLan=[{name:'PHP',extension:'.php'},
                            {name:'Javascript',extension:'.js'},
                            {name:'HTML',extension:'.html'}
                           ]">
        <p ng-repeat="language in myFavlan">
            Name : {{ language.name }} <br />
            Extension : {{ language.extension }}
        </p>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</body>
</html>

Please note that I am a beginner in angularjs

CShark · Accepted Answer · 2018-01-21 08:54:19Z

3

Javascript is case-sensitive, so the variable myFavlan you have in the ng-repeat is undefined. Just change

<p ng-repeat="language in myFavlan">

to

<p ng-repeat="language in myFavLan">

You could also change your ng-init variable.

answered Jan 21, 2018 at 8:54

CShark

1,6221 gold badge19 silver badges29 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-01-21 09:35:58Z

It should be myFavLan Change

From

<p ng-repeat="language in myFavlan">

To

<p ng-repeat="language in myFavLan">

DEMO

<!DOCTYPE html>
<html ng-app="">
<head>
    <title></title>
</head>
<body>
    <h1>
        ng - repeat
    </h1>
    <hr />
    <div ng-init="myFavLan=[{name:'PHP',extension:'.php'},
                            {name:'Javascript',extension:'.js'},
                            {name:'HTML',extension:'.html'}
                           ]">
        <p ng-repeat="language in myFavLan">
            Name : {{ language.name }} <br />
            Extension : {{ language.extension }}
        </p>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</body>

Collectives™ on Stack Overflow

Not able to loop values in angularjs

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related