AngularJS数据库

时间:2016-06-09 11:05:28

标签: javascript angularjs

我是AngularJS的新手。我遇到问题,我的数据没有显示在数据表中。任何人都可以帮我这个吗?

我的代码

HTML代码

<div class="content table-responsive table-full-width">
<table id="myTable" class="table table-striped table-hover" datatable="">
    <thead>
        <th>Account ID</th>
        <th>Name</th>
        <th>Email</th>
        <th>Registered On</th>
        <!--<th>Settings</th>-->
        <th>Status</th>
    </thead>
    <tbody>
        <tr ng-repeat="user in users">
            <td style="text-align:left;">{{user.account}}</td>
            <td style="text-align:left;">{{user.name}}</td>
            <td style="text-align:left;">{{user.email}}</td>

            <td style="text-align:left;" ng-model="dateVal">{{user.register}}</td>

            <td style="text-align:left;">

                <span class="label {{ user.status == 1 && 'label-success' || 'label-danger'}} " ng-click="updated(user.id)">
                                             {{ user.status == 1 && 'Active' || 'Inactive'}}
                                            </span>

            </td>

            <td>
                <a href="index.html#/edit_userpermission?id={{user.id}}" class="fa fa-cog" data-toggle="modal" data-target="#myModal"></a>
            </td>
        </tr>
    </tbody>
</table>

JS代码

 /* User Listing */
  var url = UserService.url+'users.php?token='+localStorage.getItem("token");

  $http.get(url).success( function(data) 
  {

     $('#myTable').DataTable();

     if(data.login != null ){
       $location.path( "/logout" );      
     }
     $scope.users = data;

  });

我得到的输出是...... Output

当我点击排序选项时,它会显示&#34;表格中没有可用的数据&#34; ... 为什么会这样? 等待回应。提前致谢

1 个答案:

答案 0 :(得分:1)

小心。

0-您必须将数据表定义为ng。所以,在你的行中:

<table id="myTable" class="table table-striped table-hover" datatable="">

您必须将其更改为:

<table id="myTable" class="table table-striped table-hover" datatable="ng">

1-注意每行中的数据数量。因为如果是不同的数量。它会给你一些问题。

2-您使用的是角度数据表吗?您必须与jquery数据表一起使用。两者都可以。

您可以查看此Plunkr:http://plnkr.co/edit/0lDhg9Mehn72E3rWAsLN?p=preview

另外,您可以在此处查看文档:{​​{3}}