php - 即使我的数据库没有使用 angular.js 和 PHP 的值，在表中获取多行

Question

我的 angular.js 代码有一个问题。我有一个表格，它将由数据库值填充。最初我的数据库没有值，表应该显示为空白，但在我的例子中，现在数据库是空的，表仍然分成 5 行，没有值。我在下面解释我的代码。

subject.html:

<table class="table table-bordered table-striped table-hover" id="dataTable">
    <colgroup>
        <col class="col-md-1 col-sm-1">
        <col class="col-md-2 col-sm-2">
        <col class="col-md-2 col-sm-2">
        <col class="col-md-2 col-sm-2">
        <col class="col-md-2 col-sm-2">
        <col class="col-md-2 col-sm-2">
        <col class="col-md-1 col-sm-1">
    </colgroup>
    <thead>
        <tr>
            <th>Sl. No</th>
            <th>
                <select style="width:100%; border:none; font-weight:bold;">
                    <option>Course Name</option>
                </select>
            </th>
            <th>Semester</th>
            <th>Subject Name</th>
            <th>Short Name</th>
            <th>Edit</th>
        </tr>
    </thead>                                       
    <tbody id="detailsstockid">
        <tr ng-repeat="sub in subjectData" >
            <td>{{ $index+1 }}</td>
            <td>{{sub.course_name}}</td>
            <td>{{sub.semester}}</td>
            <td>{{sub.subject_name}}</td>
            <td >{{sub.short_name}}</td>
            <td>
                <a href=''>
                    <input type='button' class='btn btn-xs btn-green' value='Edit'>  
                </a>
            </td>
        </tr>   
    </tbody>
</table>

subjectController.js:

var subApp=angular.module('GofastoHome');
subApp.controller('subjectcontroller',function($scope,$http){
    $http({
        method: 'GET',
        url: "php/subject/readSubjectData.php",
    }).then(function successCallback(response) {
        console.log('response',response);
        $scope.subjectData=angular.fromJson(response);
    },function errorCallback(response) {
        alert("could not fetch data");
    });
})

这里最初我的数据库没有任何值(value)。当用户刷新(i.e-subject.html)页面时，html 内容中的表格被分成 5 行，没有数据，但有 5 个序列号即将到来，我不需要。检查下面我的 php 文件。

readSubjectData.php:

$connect = mysqli_connect("localhost", "root", "******", "go_fasto");
$result = mysqli_query($connect, "select * from db_subject order by subject_id desc ");
$data = array();
while ($row = mysqli_fetch_assoc($result)) {
  $data[] = $row;
}
print json_encode($data);

我的要求是只有当数据库有一些值时才会拆分表。当数据数据库为空时，它不应该是我在当前代码中得到的。请帮助我。

Answer 1

试试这个:

1. 在表格标签中添加脚本ng-show="showtable" 会变成这样:

   <table ng-show="showtable" class="table table-bordered table-striped table-hover" id="dataTable">
   

2. 然后像下面这样更改您的 Controller 脚本:

   var subApp=angular.module('GofastoHome');
   subApp.controller('subjectcontroller',function($scope,$http){
       $http({
           method: 'GET',
           url: "php/subject/readSubjectData.php",
       }).then(function successCallback(response) {
           console.log('response',response);
           $scope.subjectData=angular.fromJson(response);
           if($scope.subjectData.length > 0) // 
               $scope.showtable = true;      // add these lines
           else                              //
               $scope.showtable = false;     // 
       },function errorCallback(response) {
           alert("could not fetch data");
       });
   })