Значение Angular $ scope не отображается на странице

Я начинаю изучать Угловое и пытаюсь повторить задачу «Сделать список», которую они имеют на главной странице. Тем не менее, я застрял в самом начале:

http://codepen.io/Deka87/pen/grGWqQ

Шаблон

<div ng-app> 
    <div ng-controller="TodoCtrl"> 
    <h2>{{totalItems}}</h2> 
    </div> 
</div>

Javascript

function TodoCtrl($scope) { 
    $scope.totalItems = 4; 
}

Я, кажется, делают ту же самую вещь, но она не работает , Что не так?

источник

2016-07-09 sdvnksv

Пожалуйста, смотрите этот раз, прежде чем реализовать 'нг-repeat' http://campus.codeschool.com/courses/shaping-up -with-angleular-js/level/1/section/3/video/1 – Sankar

Вы не объявили модуль, то есть свое приложение. https://docs.angularjs.org/guide/module – Roope

Сначала вы должны импортировать angular библиотеку, а затем создать экземпляр app и, наконец, создать свой контроллер, таким образом:

angular.module('app', []) 
 
    .controller('TodoCtrl', function($scope) { 
 
    $scope.totalItems = 4; 
 
    });

<html ng-app="app"> 
 

 
<head> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script> 
 
</head> 
 

 
<body ng-controller="TodoCtrl"> 
 
    <div> 
 
    <h2>{{totalItems}}</h2> 
 
    </div> 
 
</body> 
 

 
</html>

Я рекомендую вам проверить это: What is a Module?

источник

2016-07-09 17:02:33 developer033

Спасибо, он работает таким образом. Интересно, почему у них нет этого в своем видео. – sdvnksv

Рад, что это помогает, на каком видео вы смотрели? – developer033

https://angularjs.org/ задание списка дел. – sdvnksv

http://codepen.io/anon/pen/EywXXQ Вот вилка вашего кодефа с кодом работы ING.

Вы должны импортировать угловой сценарий
Необходим создать угловое приложение, как этот
Инжектируйте приложение в вашем HTML, используя нг-приложение
Создание контроллера и ввести его в HTML используя нг-контроллер
```
angular.module('app', []).controller('TodoCtrl', 
    function ($scope) { 
    $scope.totalItems = 4; 
}); 
```

Переход через эти уроки, которые помогут вам лучше понять его

Tutorial

источник

2016-07-09 17:04:47 Srijith

Значение Angular $ scope не отображается на странице

ответ

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