Javascript angularjs ng表格/ng重复行未加载
我正试图按照使用ng表的教程进行操作。如果我从Git下载整个示例，那么它可以很好地加载，但我自己也尝试着遵循最简单的示例，然后加载列标题和过滤器，但没有行？如果我手动在HTML中添加另一行，它确实会出现，因此问题可能是数据绑定或ng重复。控制台中没有显示错误 示例代码：Javascript angularjs ng表格/ng重复行未加载,javascript,html,angularjs,angularjs-ng-repeat,ngtable,Javascript,Html,Angularjs,Angularjs Ng Repeat,Ngtable,我正试图按照使用ng表的教程进行操作。如果我从Git下载整个示例，那么它可以很好地加载，但我自己也尝试着遵循最简单的示例，然后加载列标题和过滤器，但没有行？如果我手动在HTML中添加另一行，它确实会出现，因此问题可能是数据绑定或ng重复。控制台中没有显示错误 示例代码： <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8" />
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-resource.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.js"></script>
<link rel="stylesheet" ; href="https://unpkg.com/ng-table@4.0.0/bundles/ng-table.css">
<script src="https://unpkg.com/ng-table@4.0.0/bundles/ng-table.js"></script>
</head>
<body>
<div ng-app="MyApp" ng-controller="MyCtrl">
<table ng-table="vm.tableParams" class="table" show-filter="true">
<tr ng-repeat="user in $data">
<td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
{{user.name}}
</td>
<td title="'Age'" filter="{ age: 'number'}" sortable="'age'">
{{user.age}}
</td>
</tr>
</table>
</div>
<script>
var app = angular.module("MyApp", ["ngTable"]);
app.controller('MyCtrl', function ($scope, NgTableParams) {
var self = this;
var data = [{ name: "Moroni", age: 50 } /*,*/];
self.tableParams = new NgTableParams({}, { dataset: data });
});
</script>
</body>
</html>
{{user.name}
{{user.age}
var-app=angular.module（“MyApp”，“ngTable”）；
app.controller（'MyCtrl'，函数（$scope，NgTableParams）{
var self=这个；
变量数据=[{姓名：“莫罗尼”，年龄：50}/*，*/]；
self.tableParams=新的NgTableParams（{}，{dataset:data}）；
});
app.controller('MyCtrl', function ($scope, NgTableParams) {
var self = this;
self.data = [{ name: "Moroni", age: 50 } /*,*/];
self.tableParams = new NgTableParams({}, { dataset: self.data });
});
您尚未指定控制器引用 将代码更改为
工作示例：这是ng表，问题是您将控制器用作vm，只需删除vm或将控制器置于vm即可
<table ng-table="tableParams" class="table" show-filter="true">
<tr ng-repeat="user in $data">
<td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
{{user.name}}
</td>
<td title="'Age'" filter="{ age: 'number'}" sortable="'age'">
{{user.age}}
</td>
</tr>
</table>
{{user.name}
{{user.age}