Понимание основ контроллера в AngularJS - PullRequest
Новая
       19

Понимание основ контроллера в AngularJS

0 голосов
/ 10 июня 2018

Я все еще очень прост в AngularJS (и, честно говоря, программирую. Посмотрев несколько видео в Интернете, я пытаюсь понять концепцию контроллера с помощью приведенного ниже примера (например, передавая массив, а затем повторяя его с помощью ng).-повторе). Обошли это за последний час, и он работает без контроллера (например, с массивом), но не при добавлении массива в отдельный скрипт. Может кто-нибудь помочь мне найти мою ошибку в логике здесь - это буквальното же самое, что и видео, но я не вижу ошибки (или даже опечатки) и чувствую, что это так важно, я должен иметь эту работу, прежде чем перейти к следующим шагам.

Большое спасибо за любой изВаша помощь: 

<html ng-app>
<head><title>My First Page</title></head>
<body >
<div class="container" ng-controller="SimpleController">
    Name:
    <br />
    <input type="text" ng-model="name" />
    <br />    
    <ul>
        <li ng-repeat="cust in customers"> {{ cust.name }} </li>
    </ul>
</div>
<script src="script/angular.min.js"></script> 
<script>
    function SimpleController($scope) {
$scope.customers = [
    { name: 'Simon', lastname: 'Test' },
    { name: 'Thomas', lastname: 'Testi' },
    { name: 'Adi', lastname: 'Testo' },
    { name: 'Adrian', lastname: 'Testo' },
    { name: 'Tomeli', lastname: 'Testi' }
];
}
</script>
</body>
</html>

1 Ответ

0 голосов
/ 10 июня 2018

Вы используете глобальную декларацию контроллера, которая имеет версию 1.1.Если вы используете версию выше 1.3, вы должны объявить контроллер следующим образом: 

var app = angular.module('testApp',[]);
app.controller('testCtrl',function($scope){
  $scope.customers = [
    { name: 'Simon', lastname: 'Test' },
    { name: 'Thomas', lastname: 'Testi' },
    { name: 'Adi', lastname: 'Testo' },
    { name: 'Adrian', lastname: 'Testo' },
    { name: 'Tomeli', lastname: 'Testi' }
];
});

DEMO 

var app = angular.module('testApp',[]);
app.controller('SimpleController',function($scope){
  $scope.customers = [
    { name: 'Simon', lastname: 'Test' },
    { name: 'Thomas', lastname: 'Testi' },
    { name: 'Adi', lastname: 'Testo' },
    { name: 'Adrian', lastname: 'Testo' },
    { name: 'Tomeli', lastname: 'Testi' }
];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="testApp">
 <div class="container" ng-controller="SimpleController">
    Name:
    <br />
    <input type="text" ng-model="name" />
    <br />    
    <ul>
        <li ng-repeat="cust in customers"> {{ cust.name }} </li>
    </ul>
</div>
</body>
...