Ничего не отображается на данных

0

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

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
    Я думаю, что вы переписали свой <body> в файле main.html ? Вы получаете какие-либо ошибки в консоли?
  • 0
    Нет, я не .. На самом деле @TheLazyChap, когда я убираю тег body, я получаю сообщение об ошибке, поэтому я помещаю его в ..
Показать ещё 4 комментария
Теги:

1 ответ

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('socially') и напрямую используйте.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>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню