2016-01-29 3 views
0

По какой-то причине мой доцент данных появляется, когда вы можете видеть в main.html. Я помещаю данные в таблицу. Это приложение для метеоритов, поэтому не беспокойтесь о том, что он уже установлен, используя узел, так как у меня также есть метеорит на моем компьютере. Я последовал this учебникНичего не отображается на данных

main.html:

<body> 
<div ng-controller="PartiesListCtrl"> 
    <table border = 1> 
     <tr ng-repeat = "data in parties"> 
      <td>{{data.name}}</td> 
      <td>{{data.description}}</td> 
     </tr> 
    </table> 
</div> 
</body> 

index.html:

<body ng-app="socially"> 
<div ng-include src="'main.html'"></div> 
</body> 

app.js:

if (Meteor.isClient) { 
    angular.module('socially', ['angular-meteor']); 

    angular.module('socially').controller('PartiesListCtrl',["$scope", function ($scope) { 
     $scope.parties = [ 
      { 
       'name': 'Dubstep-Free Zone', 
       'description': 'Can we please just for an evening not listen to dubstep.' 
      }, 
      { 
       'name': 'All dubstep all the time', 
       'description': 'Get it on!' 
      }, 
      { 
       'name': 'Savage lounging', 
       'description': 'Leisure suit required. And only fiercest manners.' 
      } 
     ]; 
    }] 
    ); 
} 
+0

Я думаю, что вы перезаписали свой '' тег в 'main.html' файле? Вы получаете какие-либо ошибки в консоли? – TheLazyChap

+0

Нет, я не .. На самом деле @TheLazyChap, когда я получаю тег тела от im, получая ошибку, поэтому я положил его. – amanuel2

+0

добавьте статический текст на main.html, посмотрите, действительно ли он загрузился в представление. – sdfacre

ответ

2

Ваш код должен быть чем-то, как показано ниже.

angular.module('socially', ['angular-meteor']) 
.controller('PartiesListCtrl',["$scope", function ($scope) { 
     $scope.parties = [ 
      { 
       'name': 'Dubstep-Free Zone', 
       'description': 'Can we please just for an evening not listen to dubstep.' 
      }, 
      { 
       'name': 'All dubstep all the time', 
       'description': 'Get it on!' 
      }, 
      { 
       'name': 'Savage lounging', 
       'description': 'Leisure suit required. And only fiercest manners.' 
      } 
     ]; 
    }] 
    ); 

Изменение

Удалить второй экземпляр angular.module («социально») и непосредственно использовать .controller или присвоить его некоторые переменные, а затем использовать контроллер, как показано ниже.

var socially = angular.module('socially', ['angular-meteor']); 
socially.controller('PartiesListCtrl',["$scope", function ($scope) { 
//Your controller code goes here. 
}]); 

Дайте мне знать, если он не работает.

angular.module('socially', []) 
 
.controller('PartiesListCtrl',["$scope", function ($scope) { 
 
     $scope.parties = [ 
 
      { 
 
       'name': 'Dubstep-Free Zone', 
 
       'description': 'Can we please just for an evening not listen to dubstep.' 
 
      }, 
 
      { 
 
       'name': 'All dubstep all the time', 
 
       'description': 'Get it on!' 
 
      }, 
 
      { 
 
       'name': 'Savage lounging', 
 
       'description': 'Leisure suit required. And only fiercest manners.' 
 
      } 
 
     ]; 
 
    }] 
 
    );
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<body ng-app="socially"> 
 
<div ng-controller="PartiesListCtrl"> 
 
    <table border = 1> 
 
     <tr ng-repeat = "data in parties"> 
 
      <td>{{data.name}}</td> 
 
      <td>{{data.description}}</td> 
 
     </tr> 
 
    </table> 
 
</div> 
 
</body>

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