AngularJS simple controller is not working

Question

My code:

<!DOCTYPE html>
<head>
 <title>Learning AngularJS</title>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"     type="text/javascript"></script>
</head>
<body>
  <div class="container" style="background: #eec; min-height:300px; margin-top: 15px;" ng-controller="SimpleController">
    <ul>
      <li ng-repeat="woman in customer">{{ woman.name }}</li>
    </ul>
  </div>

JS (controller and data):

<script>
  function SimpleController($scope) {
    $scope.customer = [
      { name: 'Kamila', city: 'Opava' }, 
      { name: 'Nikola', city: 'Opočno' }, 
      { name: 'Jana', city: 'Pardubice' }, 
      { name: 'Martina', city: 'Hradec Kralove' }, 
      { name: 'Justýna', city: 'Chrudim' }
    ];
  };
</script>
</body>
</html>

Result my browser: {{ woman.name }} only

I do not know where is the mistake.

Pracede · Accepted Answer · 2014-10-07 12:30:25Z

4

You did not declare the app. Example:

<html ng-app="phonecatApp">

See details on AngularJS example

answered Oct 7, 2014 at 12:30

Pracede

4,37116 gold badges67 silver badges114 bronze badges

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

Comments

sylwester · Accepted Answer · 2014-10-07 12:35:40Z

Please see here http://jsbin.com/vaweyu/1/edit

HTML:

<html ng-app="app">
<head>
 <title>Learning AngularJS</title>

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"     type="text/javascript"></script>
</head>
<body>
  <div class="container" style="background: #eec; min-height:300px; margin-top: 15px;" ng-controller="SimpleController">
    <ul>
      <li ng-repeat="woman in customer">{{ woman.name }}</li>
    </ul>
  </div>
</html>

JS:

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


   app.controller('SimpleController', function ($scope) {
        $scope.customer = [
          { name: 'Kamila', city: 'Opava' }, 
          { name: 'Nikola', city: 'Opočno' }, 
          { name: 'Jana', city: 'Pardubice' }, 
          { name: 'Martina', city: 'Hradec Kralove' }, 
          { name: 'Justýna', city: 'Chrudim' }
        ];
      });

Collectives™ on Stack Overflow

AngularJS simple controller is not working

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