Почему мой список появляется с использованием ионного?

Каждый раз, когда я пытаюсь отобразить свой список, используя ионную подачу, я просто получаю пустой экран? Я последовал за учебником шаг за шагом и все еще ничего?Почему мой список появляется с использованием ионного?

мой код в HTML для списка:

<body ng-app="calorific" ng-controller="calCtrl"> 
<ion-pane> 
    <ion-header-bar class="bar bar-header bar-assertive"> 
    <h1 class="title">Calorific</h1> 
    </ion-header-bar> 
    <ion-content> 
    <ion-list> 
    <ion-item ng-repeat="todos in todo"{{todo.name}} </ion-item> 
    </ion-list> 
    </ion-content> 
</ion-pane>

Мои JS:

app.controller('calCtrl', function($scope){ 
$scope.todo = [ 
    {name: 'apple'}, 
    {name: 'banana'}, 
    {name: 'pear'}, 
    {name: 'kiwi'}, 
    {name: 'kfc'} 
    ] 
}) 


GET http://localhost:8100/css/style.css 
app.js:17 Uncaught ReferenceError: app is not defined 
ionic.bundle.js:19526 Error: [ng:areq] Argument 'calCtrl' is not a function, got undefined 
http://errors.angularjs.org/1.3.13/ng/areq?p0=calCtrl&p1=not%20a%20function%2C%20got%20undefined 
at REGEX_STRING_REGEXP (ionic.bundle.js:7982) 
at assertArg (ionic.bundle.js:9499) 
at assertArgFn (ionic.bundle.js:9509) 
at ionic.bundle.js:16350 
at ionic.bundle.js:15518 
at forEach (ionic.bundle.js:8250) 
at nodeLinkFn (ionic.bundle.js:15505) 
at compositeLinkFn (ionic.bundle.js:14997) 
at publicLinkFn (ionic.bundle.js:14876) 
at ionic.bundle.js:9369ionic.bundle.js:19526 (anonymous function)ionic.bundle.js:16476 $getionic.bundle.js:22421 $get.Scope.$applyionic.bundle.js:9367 bootstrapApplyionic.bundle.js:12104 invokeionic.bundle.js:9365 doBootstrapionic.bundle.js:9385 bootstrapionic.bundle.js:9279 angularInitionic.bundle.js:34044 (anonymous function)ionic.bundle.js:10663 triggerionic.bundle.js:10933 eventHandler

источник

2015-04-05 conor tighe.

Вы пытаетесь ссылаться todos неправильно.

<ion-item ng-repeat="todos in todo"{{todo.name}} </ion-item>

Используйте todos вместо этого, как и в {{todos.name}}:

<ion-item ng-repeat="todos in todo"{{todos.name}} </ion-item>

источник

2015-04-05 22:52:29

По-прежнему не работает .. –

Ive обновил сообщение с ошибкой после использования инструментов dev на google –

Я думаю, что у вас есть опечатка в вашем HTML. Должно быть, это не так, но это так,

<ion-item ng-repeat="todos in todo">{{todos.name}} </ion-item>

Я добавил недостающую закрывающую бирку для иона. Я не слишком хорошо разбираюсь в Ионном, поэтому я просто хотел это отметить.

источник

2015-04-05 22:55:50

Ваш ion-item не закрыт. Также вы указываете todos как особый элемент, когда вы вызываете todo.name в теле.

Во-первых, я предлагаю вам переименовать переменную области видимости в $scope.todos, чтобы использовать правильную форму множественного числа. Затем измените порядок ng-repeat на todo in todos. То есть изменить

<ion-item ng-repeat="todos in todo"{{todo.name}} </ion-item>

<ion-item ng-repeat="todo in todos">{{todo.name}}</ion-item>

В дополнение к переименованию scope.todo в scope.todos.

источник

2015-04-05 23:00:34

Все еще не повезло ... –

Почему мой список появляется с использованием ионного?

ответ

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