AngularJS function in not called

Question

This a simple angular controller but isn't working. I cant find any problems with the code. Can you ?

<!DOCTYPE html>
<html>
<head>
<title>AngularJS Controller</title>
</head>
<body>
    <div ng-controller="SimpleController">
        Name:
        <br/>
        <input type="text" ng-model="nameText"/>
        <br/>
        <ul>
        <li ng-repeat="cust in customers | filter:nameText | orderBy : 'name' ">{{ cust.name }} - {{ cust.city }}
        </li>
        </ul>
    </div>


<script src="Scripts/angular.min.js"></script>

<script>
    function SimpleController ($scope){
        $scope.customers = [ 
            { name:'Konstantinos Korovesis', city:'Pikermi' },
            { name:'Akis Manolis', city:'Argos' },
            { name:'Irem Var', city:'Nea Smirni' },
            { name:'Antonis Ralis', city:'Pallini' }
        ];
    }
</script>

</body>
</html>

.................................This is what i see in my browser...................

Name:

[................]

{{ cust.name }} - {{ cust.city }}

Chris Herring · Accepted Answer · 2014-03-30 23:38:49Z

1

Add ng-app. Angular needs it to specify the root of the document for angular.

<html ng-app>

answered Mar 30, 2014 at 23:38

Chris Herring

3,6553 gold badges37 silver badges51 bronze badges

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

Collectives™ on Stack Overflow

AngularJS function in not called

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related