Php ng repeat渲染数据，但不显示在屏幕上

使用ionic框架，我想从php后端抓取类别数据并显示它们

html

php

问题是，在chrome控制台中，我可以看到数据

---

但无法在屏幕上显示。

在chrome控制台中，您可以看到abc、def、ghi、jkl-这些是类别如果控制台显示已生成DOM元素，则必须对容器元素的样式进行处理。php代码与此无关。请确保z-index配置正确。也许是其他东西隐藏了数组检查css，它必须是隐藏的，就像@AbhinavGujjar所说的，这也可能与这一切都包装在一个模板中的事实有关。您在哪里引用这个home.html？

<script type="text/ng-template" id="home.html">
<div ng-controller="CategoryCtrl" ng-init="getCategories()">

    <div ng-repeat="category in categories" style="border:1px solid red;">
        {{category.name}}
    </div>
</div>
</script>

.controller('CategoryCtrl', function($scope, $state, $http) {
    $scope.getCategories = function(){                    
        $http.get('http://localhost/test/server/test.php').then(function(response){
            $scope.categories = response;
        });
    }  
}

header('Content-Type: application/json');
$sql = "SELECT * FROM Categories";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()){
    $data[] = $row;
}
echo json_encode($data);

            <!-- ngRepeat: category in categories --><div ng-repeat="category in categories" style="border:1px solid red;" class="ng-binding">
                abc
            </div><!-- end ngRepeat: category in categories --><div ng-repeat="category in categories" style="border:1px solid red;" class="ng-binding">
                def
            </div><!-- end ngRepeat: category in categories --><div ng-repeat="category in categories" style="border:1px solid red;" class="ng-binding">
                ghi
            </div><!-- end ngRepeat: category in categories --><div ng-repeat="category in categories" style="border:1px solid red;" class="ng-binding">
                jkl
            </div><!-- end ngRepeat: category in categories -->