Angular js very simple example

Question

I'm learning AngularJS with WebStorm JetBrains, I have this very sample app, but it's not showing the array in the page when I press Debug button (it's open a webpage in Chrome like that:

http://localhost:63342/example/index.html

I'm using the Plugin Connector for Chrome and I don't have errors in the Chrome console.

Where is my error? Link to Fiddle

HTML (index.html)

<!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>

    </head>

<body ng-app="webStorm" ng-controller="webStormController as ws">
<div ng-repeat="person in ws" ng-click="ws.showPerson(person)">
    {{person.firstName}}
</div>
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
</body>
</html>

JS (app.js)

    var webStorm = angular.module("webStorm", []);
    webStorm.controller("webStormController", function(){
    var ws = this;
    ws.people = [{firstName: "John", lastName: "Smith"}];
    console.log(ws.people);
    ws.showPerson = function (person) {
        console.log(person);
    }
})

Thanks!

Rituraj ratan · Accepted Answer · 2014-07-29 11:18:25Z

2

<div ng-repeat="person in ws.people" ng-click="ws.showPerson(person)">
    {{person.firstName}}
</div>

change person in ws by person in ws.people

answered Jul 29, 2014 at 11:18

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

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

1 Comment

Rituraj ratan Over a year ago

in starting some time its happen no worries my friend cheers :)

Rituraj ratan · Accepted Answer · 2014-07-29 11:19:49Z

1

I think you meant: ng-repeat="person in ws.people", that's the array you want to iterate :)

edited Jul 29, 2014 at 11:19

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges

answered Jul 29, 2014 at 11:19

recluising

3481 gold badge3 silver badges13 bronze badges

Collectives™ on Stack Overflow

Angular js very simple example

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related