Угловые JS - нг-повтор не работает должным образом

Я попытался сделать пример похож на примеры в https://angularjs.org/Угловые JS - нг-повтор не работает должным образом

Вот JS скрипка я создал.

Может ли кто-нибудь помочь. Что в этом плохого?

HTML есть ..

<h2> 
To Do 
</h2> 
<div ng-controller="ToDoListController as todoList"> 
    <ul> 
    <li ng-repeat="todo in todoList.todos"> 
     {{todo.text}} 
    </li> 
    </ul> 
</div>

и JS часть

angular.module('todoApp',[]).controller('ToDoListController', 
function(){ 
var todoList = this; 
    todoList.todos = [ 
     {text:'learn angular', done:true}, 
     {text:'build an angular app', done:false}]; 
});

Link для JS Fiddle.

источник

2016-02-14 Ketan

Я отредактировали скрипку. Были два вопроса

тег тела должен быть заключен в <>
Угловое JS не использовался

источник

2016-02-14 03:52:48 Amit

Итак, вы хотите добавить как тег тела? – Ketan

@ketan Да, иначе он просто покажет 'body ng-app =" todoApp "' как текст – Amit

спасибо за это. Но я добавил Angular JS в качестве внешнего js в скрипке. Есть ли другой способ добавить это? – Ketan

CONTROLLER

angular.module('todoApp',[]).controller('ToDoListController',function(){ 
$scope.todoList = []; 
$scope.todoList = [ 
    {text:'learn angular', done:true}, 
    {text:'build an angular app', done:false}]; 
});

HTML

<html> 
<body ng-app="myApp" > 
<h2> 
To Do 
</h2> 
<div ng-controller="ToDoListController"> 
    <ul> 
    <li ng-repeat="todo in todoList"> 
     {{todo.text}} 
    </li> 
    </ul> 
</div> 
</body> 
</html>

источник

2016-02-14 03:52:41

Не надо ли нам делать с текстом? Зачем? – Ketan

вы можете использовать todo.text, поэтому вместо всего объекта вы получите только текстовое значение –

Вы должны получить доступ к собственности таким образом:

{{todo["text"]}}

Я сделал обновление для вашей скрипки.

источник

2016-02-14 03:54:27 frishi

Угловые JS - нг-повтор не работает должным образом

ответ

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