使用angular将数据加载到表

程序先生

我必须在这里丢失一些东西,但是为什么我的表没有使用Ng-table加载数据?我尝试按照一个示例,但它对我不起作用。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-example105-production</title>
<link href="style.css" rel="stylesheet" type="text/css">


<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.8.3/ng-table.js"></script>
<script src="script.js"></script>



</head>
<body ng-app="test">
<div ng-controller="ExampleController">
<table ng-table="tableParams">
            <thead>
            <tr>
            <th>Name</th>
            <th>Age</th>
            </tr>
            </thead>
            <tr ng-repeat="row in $data">
                <td>{{row.name}}</td>
            </tr>
        </table>
</div>
</body>
</html>

(function(angular) {
'use strict';
angular.module('test', ['ngTable'])
.controller('ExampleController', ['$scope', function($scope) {

        var data = [{ name: "Moroni", age: 50 }, {name: "Moroni2", age: 502        }];
        this.tableParams = new NgTableParams({}, { dataset: data });

  }]);
})(window.angular);

普伦克

阿丹斯

您忘记了注入控制器:NgTableParams

并在数据集中更改为数​​据,例如:

$scope.table = new NgTableParams({}, { data: data });

参见您在plunker中的示例:http ://plnkr.co/edit/b95EjalSTLd70YuB3ZHH?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用标签将每个表数据加载到html表

使用jQuery将Json数据加载到表中

使用php将数据infile加载到oracle表中

使用FormArray Angular将数据加载到formGroup中

使用FormArray Angular将数据加载到formGroup中

将数据从MySQL水平加载到表

从文件将数据加载到表中

Vertica 将数据从文件加载到表

如何使用数据表将json数据加载到表上?

使用SSIS将数据加载到Teradata

使用自动生成的主键将数据从临时表加载到表中

在Angular 2中将列和数据动态加载到表中

将大型JSON文件数据加载到angular cli表中

在Angular 9中将列数据动态加载到表中

如何将数据加载到使用 GUID 主键的数据表中?

如何在MVC中使用Ajax将数据加载到数据表中

将数据行从Teradata表加载到mysql表

使用 Pyspark 将巨大的 csv 文件加载到 oracle 数据库表中

SQL Loader-使用TERMINATED将数据加载到其他表中

如何使用python从云函数将数据帧加载到BigQuery分区表中

使用CLI将数据加载到列类型分区中:不兼容的表分区规范

使用 AJAX JavaScript 将数据加载到 HTML 表中不起作用

使用 js 函数将数据从 JSON 文件加载到 HTML 表中时遇到问题

使用Pandas DataFrame将数据从CSV加载到表时出错

使用SSIS同时将数据从oracle加载到多个表中的SQL

尝试使用* ngFor将JSON数据加载到表中时发生错误NullInjectorError:StaticInjectorError(AppModule)

我想使用 kafka-connect 将数据从多个主题加载到多个表

将 JSON 数据加载到 BigQuery 中的多个表

将CSV文件数据加载到表中