Ошибка в AngularJS. В чем проблема?

260

08 ноября 2017, 04:00

Подскажите, где я ошибся в данном коде? Почему ng-controller отказывается работать? Спасибо заранее.

var testapp = angular.module("testapp", []); 
testapp.controller('DemoCtrl', function($scope) { 
  $scope.users = [{ 
    'name': 'Aleh', 
    'surname': 'Sokolovskuy' 
  }, ]; 
});

<html ng-app="testapp"> 
 
<head> 
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> 
</head> 
 
<body ng-controller="DemoCtrl"> 
  <ul> 
    <li ng-repeat="name in users"> 
      <p>{{users.name}}</p> 
    </li> 
  </ul> 
</body> 
 
</html>

Answer 1

Вы используете не ту переменную в шаблоне: users вместо name:

var testapp = angular.module("testapp", []); 
testapp.controller('DemoCtrl', function($scope) { 
  $scope.users = [{ 
    'name': 'Aleh', 
    'surname': 'Sokolovskuy' 
  }, ]; 
});

<html ng-app="testapp"> 
 
<head> 
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> 
</head> 
 
<body ng-controller="DemoCtrl"> 
  <ul> 
    <li ng-repeat="name in users"> 
      <p>{{name.name}}</p> 
    </li> 
  </ul> 
</body> 
 
</html>