javascript - HTML 表格中的 AngularJS

Question

我想在商店的某个菜单上创建一个包含产品的表格。该表按类别(产品类别)划分，对于每个类别，所需的产品应显示在他的类别下。

类似于:

我能够在我的 html 中获得不同的类别，但是当我想在表格行或表格标题上使用 ng-repeat 时，我什么也得不到...

<table class="table table-hover">
<tr>
<th colspan="5">Menu items</th>
</tr> 
<tr ng-app="categories" ng-cloak="" ng-controller="category" ng-repeat= "c in categories">
<th>{{c[1]}}</th>
</tr> 

AngularJS

categories = angular.module('categories', []);
categories.controller("category",function($scope, $http){
    var serviceBase = 'api/';
    $http.get(serviceBase + 'categories').then(function (results) {
        $scope.categories = results.data;
        for(var i = 0; i < $scope.categories.length; i++){
            var categories = $scope.categories[i];
        }
});
});

这里出了什么问题？

Answer 1

试试下面的代码:

         categories = angular.module('categories', []);

         categories.controller("category",function($scope, $http){
             var serviceBase = 'api/';
             $http.get(serviceBase + 'categories').then(function (results) {
                 var categorie = results.data;
                 for(var i = 0; i < categorie.length; i++){
                     $scope.categories = categorie[i];
                 }
         });
         });