2015-08-04 2 views
0

Hy guys,angularjs ionic - ng-repeat

Возможно, вы могли бы помочь мне понять эту проблему.

index.html

<body ng-app="myApp"> 

    <div class="upage vertical-col left" id="mainpage" ng-controller="myController"><ion-list class="widget uib_w_4 d-margins" data-uib="ionic/list" data-ver="0"> 
      <ion-item class="item widget uib_w_5" data-uib="ionic/list_item" data-ver="0" ng-repeat="daten in datenListe" ng-controller="myController"> Stunde: {{daten.anzahl}} item</ion-item> 
     </ion-list> 

     <ul> 
     <li ng-repeat="daten in datenListe"> 
      {{daten.anzahl}} 
      </li> 
     </ul> 
    </div> 
</body> 

app.js

angular.module('myApp',[]).controller('myController',['$scope', function($scope){ 

&scope.datenListe = [ 
    {'anzahl' : 'noch keine', 'datum': '2207'} 
    ]; 

$scope.addHours= function(){}}]); 

нг-повтора теперь должны отображаться все "Anzahl" из datenListe массива в списке. Почему это не работает. контроллер и модуль известны в этом div. Не могли бы вы объяснить мне это?

спасибо

+1

& scope -> $ scope – pQuestions123

+0

ok, мой плохой. но это, похоже, не единственная проблема. – flix

+0

Я добавил скрипт в блок . есть и другие, такие как угловые и ионные. Но это просто работает, если я делаю это в теге . Почему так? Если я это сделаю, это сработает. Все остальные скрипты реализованы в блоке , и они работают. – flix

ответ

0

Это был просто какой-то опечатка в комментарии упоминалось. Вы можете найти рабочий Fiddle.

Теперь, что касается кода.

Html:

<body ng-app="myApp"> 

    <div class="upage vertical-col left" id="mainpage" ng-controller="myController"><ion-list class="widget uib_w_4 d-margins" data-uib="ionic/list" data-ver="0"> 
      <ion-item class="item widget uib_w_5" data-uib="ionic/list_item" data-ver="0" ng-repeat="daten in datenListe" ng-controller="myController"> Stunde: {{daten.anzahl}} item</ion-item> 
     </ion-list> 

     <ul> 
     <li ng-repeat="daten in datenListe"> 
      {{daten.anzahl}} 
      </li> 
     </ul> 
    </div> 
</body> 

Как упоминалось Claies, вы не можете иметь в каждом DIV тот же ng-controller.

Контроллер:

angular.module('myApp',[]).controller('myController',['$scope', function($scope){ 

$scope.datenListe = [ 
    {'anzahl' : 'noch keine', 'datum': '2207'} 
    ]; 

$scope.addHours= function(){}}]); 

Здесь есть только опечатка ошибка на вашем delcaration списка.