繁体   English   中英

没有什么可以代替AngularJS表达式

[英]Nothing being displayed in place of AngularJS expression

我试图使用php从mysql获取数据,并尝试将json格式的数据传递给angularjs,以便可以在表中显示数据。

HTML代码是:

<body ng-app="myModule">
<div class="row">
        <div class="col-lg-12 text-center">
             <div ng-controller="myController">
              <table class="table">
                <thead>
                    <tr>
                        <th>email</th>
                        <th>id</th>
                        <th>name</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="employee in employees"></tr>
                    <td>{{employee.username}}</td>
                    <td>{{employee.id}}</td>
                    <td>{{employee.name}}</td>
                </tbody>
              </table>
             </div>

        </div>
    </div>
    <!-- /.row -->

</div> 

AngularJS代码是:

var app = angular
        .module("myModule", [])
        .controller("myController", function ($scope,$http) {
            $http.post('http://enrolin.in/test/login.php')
                 .then(function(response){
                    $scope.employees=response.data;
                 }); });

输出json的工作php链接是: http : //enrolin.in/test/login.php表的工作链接是http://enrolin.in/test/

但是,当我尝试加载html时。 它不会从数据库中加载任何数据。

我试图在控制台中查看它,就像ng-repeat重复了6次,这恰好是数据库中的行数,这意味着已导入数据但未以某种方式显示

我试图在控制台中查看它,就像ng-repeat重复了6次,这恰好是数据库中的行数,这意味着已导入数据但未以某种方式显示

在您看来,这只是一个愚蠢的错误(不能相信我起初忽略了它)。

您现在只是重复空行:

<tbody>
  <tr ng-repeat="employee in employees"></tr>
  <td>{{employee.username}}</td>
  <td>{{employee.id}}</td>
  <td>{{employee.name}}</td>
</tbody>

这些td显然需要位于重复的行内:

<tbody>
  <tr ng-repeat="employee in employees">
    <td>{{employee.username}}</td>
    <td>{{employee.id}}</td>
    <td>{{employee.name}}</td>
  </tr>
</tbody>

问题似乎出在您的HTML中。

<tr ng-repeat="employee in employees"></tr>
    <td>{{employee.username}}</td>
    <td>{{employee.id}}</td>
    <td>{{employee.name}}</td>

<td><tr> ,因此{{ employee }}<td>中不存在。

这应该工作:

<tr ng-repeat="employee in employees">
    <td>{{employee.username}}</td>
    <td>{{employee.id}}</td>
    <td>{{employee.name}}</td>
</tr>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM