Контроллеры AngularJS не работают

Используя последнюю библиотеку ng, я попробовал следующее.Контроллеры AngularJS не работают

Этот файл:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Listing 4-2</title> 
    <script src="js/angular.min.js"></script> 
    <script> 
     function MyFilterDemoCtrl($scope) { 

      var someData = { 
       firstName: 'JENNA', 
       surname: 'GRANT', 
       dateJoined: new Date(2010, 2, 23), 
       consumption: 123.659855, 
       plan: 'super-basic-plan' 
      }; 

      $scope.data = someData; 

     } 
    </script> 

</head> 
<body ng-app ng-controller="MyFilterDemoCtrl"> 

<p> 
    <!-- Unfiltered data --> 
    <strong>First Name</strong>: {{data.firstName}}<br/> 
    <strong>Surname:</strong> {{data.surname}} 
</p> 

<p> 
    <!-- Filtered data --> 
    <strong>First Name</strong>: {{data.firstName | lowercase}}<br/> 
    <strong>Surname:</strong> {{data.surname | lowercase }} 
</p> 

</body> 
</html>

Отображает этот выход:

First Name: {{data.firstName}} 
Surname: {{data.surname}} 

First Name: {{data.firstName | lowercase}} 
Surname: {{data.surname | lowercase }}

Почему?

BTW - Единственная задача контроллера MyFilterDemoCtrl состоит в том, чтобы сделать данные доступными для представления. Как вы помните из последней главы, это делает это в области.

Спасибо.

источник

2015-02-14 janiv

Вы должны создать угловой модуль, а затем добавить в него контроллер https://docs.angularjs.org/guide/контроллер –

Как? Я скопировал этот код из книги Apress AngularJS: Дата публикации: 31 декабря 2014 года – janiv

Вы должны сказать Угловая о контроллере, например:

var myApp = angular.module('myApp',[]); 

myApp.controller('MyFilterDemoCtrl', ['$scope', function($scope) { 
    var someData = { 
     firstName: 'JENNA', 
     surname: 'GRANT', 
     dateJoined: new Date(2010, 2, 23), 
     consumption: 123.659855, 
     plan: 'super-basic-plan' 
    }; 

    $scope.data = someData; 
}]);

источник

2015-02-14 19:07:48 Bokoskokos

Спасибо, это не сработало. Я все равно получаю тот же результат. – janiv

Вы также должны добавить ng-app = "myApp" –

Выполнено. Работает. Благодарю. – janiv

Контроллеры AngularJS не работают

ответ

Смежные вопросы