[英]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次,这恰好是数据库中的行数,这意味着已导入数据但未以某种方式显示
在您看来,这只是一个愚蠢的错误(不能相信我起初忽略了它)。
您现在只是重复空行:
<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.