Ag-Grid没有显示angular 2？
Ag-Grid是一个流行的用于构建数据网格的JavaScript库。它提供了丰富的功能和灵活的配置选项，使开发人员能够轻松地创建功能强大且高度可定制的数据网格。
在使用Ag-Grid与Angular 2集成时，确保你已经按照官方文档中的步骤正确配置了Ag-Grid和Angular 2的环境。
如果Ag-Grid没有显示在Angular 2中，可能是由于以下几个原因：
- 版本不兼容：确保你使用的Ag-Grid版本与Angular 2兼容。可以在Ag-Grid的官方文档中查找到与Angular 2兼容的版本信息。
- 配置错误：检查你的Ag-Grid配置是否正确。确保你已经正确引入了Ag-Grid的依赖，并在Angular 2组件中正确配置了Ag-Grid。
- 数据绑定问题：确保你正确绑定了数据到Ag-Grid中。检查你的数据源是否正确，并确保你在Ag-Grid中正确地使用了数据绑定语法。
如果你遇到了以上问题，可以参考以下步骤来解决：
- 确认版本兼容性：查看Ag-Grid和Angular 2的官方文档，确保你使用的版本是兼容的。
- 检查配置：仔细检查你的Ag-Grid配置，确保你正确引入了Ag-Grid的依赖，并在Angular 2组件中正确配置了Ag-Grid。
- 数据绑定：确保你正确地绑定了数据到Ag-Grid中。检查你的数据源是否正确，并确保你在Ag-Grid中正确地使用了数据绑定语法。
如果你需要更详细的帮助，可以参考腾讯云的相关产品Tencent Cloud Serverless Framework（无服务器云函数）来构建和部署你的应用。该产品提供了强大的云计算能力，可以帮助你快速搭建和部署应用，并提供了丰富的文档和示例代码来帮助你解决常见问题。
希望以上信息能对你有所帮助！如果你还有其他问题，请随时提问。
相关·内容
我是angular ag-grid的新手。
如所附图像所示，“无行”覆盖在ag-grid中不能正确显示。
这是我的ag-grid定义。谁可以帮助如何显示无行覆盖中心到网格。
<ag-grid-angular style="width: 100%; height:100%;border:solid 1px red;" #agGrid
id="courseGrid"
class="ag-theme-balham"
[pagina
浏览 2提问于2019-11-01得票数 0
我是angular 2的新手，正在尝试配置ag-grid。控制台上有一些关于ag-grid的错误。我已经解决了。现在控制台上除了一个错误之外没有任何错误，但它与ag-grid无关。但网格仍未显示。下面是代码:在Package.json中添加：
"ag-grid": "^7.1.0",
"ag-grid-ng2": "^7.1.2",
"ag-grid-enterprise": "^7.1.0"
在布局中添加CSS (使用angular 2和.net核心(MVC))：
<link
浏览 0提问于2017-01-11得票数 4
回答已采纳
我正在用visual studio2015中的angular2实现ag-Grid，我想从中实现这个示例。
import {Component} from 'angular2/core';
import {AgGridNg2} from 'ag-grid-ng2/main';
import {GridOptions} from 'ag-grid/main';
@Component({
selector: 'agGrid',
templateUrl: "/partial/agGrid",
浏览 0提问于2016-04-06得票数 0
尝试使用最适合的ag-grid，package.json是这样的： "ag-grid": "^18.1.2",
"ag-grid-angular": "^14.0.0",
"ag-grid-community": "^14.0.0",
"angular2-moment": "^1.9.0",
"@syncfusion/ej2": "^16.3.31",
"@syncfusion/ej2-angular-grids":
浏览 7提问于2021-06-26得票数 0
2回答
我很难在我的角度应用程序中实现ag网格。我可以将数据加载到网格中，但是当我加载数据集时，没有滚动条。
右边的键盘导航显示更多列显示空白数据，告诉我ag-grid还没有发现我在滚动。
我遵循了ag网格提供的所有教程，并尝试将其封装到<div>中。我可以改变网格的大小，但我不能滚动。
component.css - (there are no global styles applied)
@import "~ag-grid/dist/styles/ag-grid.css";
@import "~ag-grid/dist/styles/ag-theme-balha
浏览 1提问于2019-02-05得票数 0
回答已采纳
我是新学角质的人。我在做格网工作。我必须升级ag-网格从版本ag-grid 21到ag-grid 24。
我正在尝试添加enableMultiRowDragging，但不起作用。请看一下密码。
<ag-grid-angular
[ngClass]="[sorted ? 'ew-blue-compact ew-blue-dashboard' : 'ew-blue-compact ew-blue-dashboard draggableItem']"
id="myGrid"
浏览 4提问于2020-10-27得票数 0
回答已采纳
1回答
我在angular4中使用了ag-grid。我想通过API方法使用API显示数据。我的API是ok的，并且也在控制台中获取数据。但是我不能在ag-grid中显示数据。我不明白这里有什么问题。当我编译我的项目时，没有显示错误。我的项目在浏览器中运行，还显示标题名称，但不显示来自API的数据。
我的ts文件：
import {Component, OnInit} from '@angular/core';
import {GridOptions} from 'ag-grid';
import {Http} from '@angular/http';
浏览 3提问于2017-09-14得票数 0
是否可以在Angular 11中使用Ag-Grid企业/社区版本我在应用程序中使用angular 11，但是从任何地方都没有得到任何提示，angular 11是受支持的AG-GRID企业版本
浏览 22提问于2021-09-14得票数 0
回答已采纳
2回答
我试图使角度ag-grid来获取网页的全部高度，所以如果我有一些组件，比如ag-grid的文本或标题，我想要使显示的网格获取页面的全部高度。
我看过关于堆栈溢出的问题：
然后我试着把这个应用于角ag-grid网格
下面是我应用的css，但它没有提供所需的结果：
body, html {
height: 100%;
margin:2px;
}
my-app .container {
display: flex;
flex-direction: column;
}
my-app .container .ag-grid-angular {
flex-basis: 100%
浏览 2提问于2018-05-14得票数 4
回答已采纳
我有一个要求，能够显示，排序，编辑和添加新的行到一个表，以获取/存储它的数据在数据库中。
我已经考虑过在angular 2中使用ag-grid，并且我能够显示和排序没有问题。但是，我找不到任何用于添加新行的文档。ag-grid是添加/编辑数据的好选择吗？如果是这样，您如何处理添加新行？
其次，我听说过primeNG的好消息，但我已经在使用ng2-bootstrap组件了。两者都用是个坏主意吗？
浏览 10提问于2016-06-23得票数 1
我是angular2的新手。在我的基本angular2项目中，我尝试放置ag。我得到了错误
node_modules/ag-grid-ng2/lib/ng2ComponentFactory.d.ts(3,10): error TS2305: Module
'"C:/practice/quickstart/node_modules/@angular/compiler/index"' has no exported member 'RuntimeCompiler'.
package.json
"ag-grid": "
浏览 12提问于2017-01-12得票数 2
回答已采纳
我正在用ag-grid写一个angular项目，我想尝试一下行分组。下面是来自ag-grid网站的测试代码。但是，网格在调试窗口中显示常规网格和接收跟随。 ag-Grid: enableRowGroup仅在ag-Grid-Enterprise中有效，您的列定义不应包含enableRowGroup 有没有什么想法，如何使用ag-grid-enterprise的试用版？ 示例代码：https://www.ag-grid.com/javascript-grid-grouping/
浏览 69提问于2020-10-27得票数 0
我按照教程轻松地设置了agGrid fot，问题是我还使用了类型记录而不是javascript。我确实做了：
npm install ag-grid
var AgGrid = require('ag-grid');
AgGrid.initialiseAgGridWithAngular1(angular);
var module = angular.module("example", ["agGrid"]);
然后在我的html中使用它，它就会出现：
<div ag-grid="$ctrl.gridOptions" class
浏览 0提问于2019-02-20得票数 1
回答已采纳
我有ag网格企业版的许可证，但是我没有得到如何放置它和如何在我的angular2项目中导入企业。
我试图在main.ts文件中使用licenseManager，并将企业的版本放在package.json和systemjs.config.json中
但我的错误是
systemjs.config.js：
'ag-grid': 'node_modules/ag-grid',
'ag-grid-ng2': 'node_modules/ag-grid-ng2',
'ag-grid-enterprise': 'n
浏览 7提问于2017-02-03得票数 1
回答已采纳
我正在尝试创建一个在columnDefs中配置的自定义单元格编辑器 cellEditorFramework: CustomEditorComponent 下面是自定义编辑器的实现： @Component({
templateUrl: './custom-editor.component.html',
styleUrls: ['./custom-editor.component.scss']
})
export class CustomEditorComponent implements ICellEditorAngularComp, AfterView
浏览 50提问于2020-07-01得票数 0
我正在使用Angular 2开发ag-grid应用程序。我正在寻找特性，就像javascript链接中所显示的那样。或任何其他的解在角2使用ag-网格。
问题-
请告诉我是否有任何方法分组ag grid - Angular 2中的行，如下面的示例所示-
浏览 0提问于2017-02-16得票数 1
我正在尝试将ag-grid用于我的一个项目工作，并尝试使用webpack和Angular 1.6对其进行配置
我对它进行了如下配置
模块
var agGrid = require('ag-grid');
agGrid.initialiseAgGridWithAngular1(angular);
module.exports = angular.module('transModule', ['agGrid'])
.component('transComponent', transComponent)
.name;
控制器
va
浏览 0提问于2017-08-24得票数 2
我试图将ag-Grid与Angular2集成在一起，但我仍然遇到以下错误：
zone.js:101 GET 404 (未找到)
我使用以下方法导入第三方组件：
import {AgGridNg2} from 'ag-grid-ng2/main';
...
directives: [AgGridNg2]
这是我的system-config.ts文件：
"use strict";
// SystemJS configuration file, see links for more information
// https://github.com/sys
浏览 10提问于2016-09-21得票数 0
在Angular文档中，他们建议Ag- grid /primeNg grid是最好的grid.But。问题是我们应该在Ag-grid上写一个包装器吗？如果可用，是否有在Angular 2中的Ag-grid上开发包装器的文档。
浏览 0提问于2017-06-27得票数 0
我正在使用Angular，并且我开始使用Ag-Grid。
我需要显示一个有两列的网格，但当我打开它时，它显示了第三个分隔符，就像有3列一样。
即使我在行中显示数据，也有3列，这是代码。
gridView (HTML)
<ag-grid-angular style="width: 100%; height: 100px;" class="ag-theme-balham" [rowData]="rowData"
[columnDefs]="columnDefs" [animateRows]="true"
浏览 10提问于2020-03-05得票数 0
回答已采纳
1回答
ag-Grid添加css类
、、、、
我对我的Angular application...namely有一个简单的要求，在展开或折叠一行时添加一个css类，以便突出显示所述行。我试过根据文档使用gridOptions.getRowClass，但似乎没有效果。
我的html我添加了一个事件处理程序，它将在行展开/折叠时触发一个方法。我的html如下所示：
<ag-grid-angular #agGrid style="width: 100%; height:85vh" class="ag-material grid-Holdings"
[gridOptions]="gridOpti
浏览 0提问于2017-11-15得票数 0
1回答
我使用的是Angular 7.x中的ag-grid。每当刷新页面时，它都会失去突出显示的行焦点。这似乎是ag-grid中的一个bug。
是否有解决方法，例如使用params ID将最后选定的行焦点设置回网格。
页面刷新前
页面刷新后
浏览 2提问于2019-07-05得票数 0
1回答
我使用的是ag-grid和ag-grid-angular v9.0.0。我需要显示加载覆盖模板后2秒，如果行是空的，否则隐藏它。目前，它会立即显示，并在行渲染后消失。任何关于如何完成的线索或建议都是值得感谢的。
浏览 6提问于2017-07-06得票数 0
我是安静的角度4&尝试使用ag网格从这里。
我经常会遇到像下面这样的错误，我找不到任何有用的链接：
node_modules/ag-grid-angular/dist/interfaces.d.ts (1,10)：模块'"C:/Use rs/shm/A4/first-app/node_modules/ag-grid/main"‘没有导出成员'IHeaderGroup’。
node_modules/ag-grid-angular/dist/interfaces.d.ts (1,24)：模块'"C:/Use rs/shm/A4/first-
浏览 0提问于2017-07-26得票数 1
回答已采纳
2回答
我正在使用angular中的ag-grid表格，并试图在这个表格中更改空气排图标，但它不起作用。我使用了下面的代码，但它不起作用。 我正在更改列定义中的图标 public columnDefs = [
{
headerName: "Group",
field: 'group',
cellRenderer: 'agGroupCellRenderer',
icons: {
groupContracted: '<img src="https://raw
浏览 71提问于2020-08-04得票数 0
回答已采纳
我们在应用程序中尝试使用ag网格14.0.0 (基于AngularJS 1.5 )。
我们有这段代码
main.js
import angular from 'angular';
import angularUiRouter from '@uirouter/angularjs';
import angularUiBootstrap from 'angular-ui-bootstrap';
import angularSanitize from 'angular-sanitize';
import agGrid from '
浏览 0提问于2018-03-06得票数 1
回答已采纳
我们在angular 4中集成了ag-grid下面是package.json中的依赖项“ag-grid”：“10.0.x”，“ag-grid-angular”：“10.0.x”npm是否在没有主文件夹的情况下安装了上面下载的模块？
在app.module.ts中，我们添加了
从“ag-grid-angular/ main”导入{AgGridModule}；-在每个引用示例中，我们都看到这一行，但库中没有主文件夹。
错误：
"(SystemJS)加载时出现XHR错误(404未找到)
请给出建议
浏览 2提问于2017-05-24得票数 0
回答已采纳
在带有cellRendererFramework的ng-grid-angular中为[detailCellRendererParams]="detailCellRendererParams"指定[detailCellRendererParams]="detailCellRendererParams"组件"cellRendererFramework": CheckboxCellComponent时获取以下错误
下面的框架组件对gridOptions运行良好，但对detailGridOptions抛出错误
ag-grid:您正在指定框架组件，但没有
浏览 0提问于2018-02-22得票数 0
是否有人在Angular 2中对ag-grid组件进行单元测试？
对我来说，当测试用例运行时，this.gridOptions.api仍然没有定义。
浏览 1提问于2017-02-17得票数 11
2回答
我想为ag-grid的每一行显示动态下拉选项。
假设对于每一行，部门可能不同，并基于我计划过滤主题列表(可供用户在下拉列表中选择)
下面是我的代码：
this.gridOptions.columnDefs = {
headerName: 'Department',
field: 'financingCurrency',
editable: false,
suppressSorting: false,
浏览 4提问于2017-04-18得票数 1
回答已采纳
当我试图简单地将AG网格模块包含到代码库中时，我得到的是错误"(SystemJS)对象不支持属性或方法'map'“。还有什么需要包括的吗？关于AGGrid的Angular2文档似乎没有提到这一点。这里有一些相关的代码片段。我认为AG grid / AG Grid 2的安装是正确的--它是通过npm安装完成的，并且包含在依赖项中。
Systemjs.config.js
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular
浏览 2提问于2017-01-05得票数 0
我对ag-grid是个新手。
我们使用的是ag-grid Angular版本。我们所有的单元格在网格中都是可编辑的，大约有3000多个单元格。
对于网格和每个单元格的表单控件都有一个角度表单，这似乎会使网格速度变慢。特别是在加载时生成所有表单控件时，以及在所有表单控件的有效性都更新后提交表单之前。
有没有人找到更好的方法来使用Angular执行ag-grid单元格验证？
谢谢你的帮助。
浏览 30提问于2018-12-13得票数 1
2回答
我正在使用Angular Grid (ag-grid)来显示数据。我正在尝试在我的角度网格中显示嵌套的json数据。但我没有成功。
下面是示例json数据和colDefs。请建议为什么点运算符不像jqgrid那样工作，将网格列映射到嵌套的json字段。
var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', ['$scope', '$http',
function($scope, $http) {
$scope.myData =
浏览 13提问于2015-09-30得票数 6
回答已采纳
我有一个在component1中的角度网格，我们正在使用一些其他的component2，我想在component3中使用相同的component1，但在component3中使用它时，我想将ag-grid的类更改为“ag-grid -them dark”。如何将配置类传递给组件。 component1代码 <ag-grid-angular class="ag-theme-balham" [gridOptions]="gridOptions"
[rowData]="gridSource" [columnDefs]="colu
浏览 11提问于2020-09-29得票数 0
我们正在探索使用带有Angular元素的SharePoint框架(SPFX)的自定义SharePoint Web部件。我想使用ag-Grid，但是网格内容的样式定义似乎没有得到应用。在介绍here之后，它看起来如下所示： <div class="ag-theme-material">
<ag-grid-angular
style="width: 500px; height: 500px;"
[rowData]="rowData"
[columnDefs]="columnDefs"
>
&l
浏览 13提问于2020-12-30得票数 0
我正在使用JDK1.8和JxBrowser 6.23.0，Angular 8和ag-grid v2.0 JxBrowser，当ag-grid的rowData是硬编码的json时，它工作得很好。但是当我切换到从后端REST服务获取数据时，它无法呈现页面。它显示了一个平淡无奇的屏幕，上面显示了消息“正在加载...”。
同样的URL在独立的chrome浏览器中也能正常工作。
有什么建议吗？
谢谢!
浏览 18提问于2019-10-28得票数 0
我在我的项目中使用了ag-grid，使用ng serve在本地运行它工作得很好，正如预期的那样。但是当上传到服务器时，编译总是失败，基本上是以下错误： ERROR in src\app\app.module.ts(87,5): Error during template compile of 'AppModule'
Could not resolve ag-grid-angular relative to c:/workspace/.../Angular/src/app/app.module.ts..
src/app.../status-cellrenderer.co
浏览 30提问于2019-03-18得票数 0
回答已采纳
我一直在看有关fresh项目的ag-grid的“入门”教程。已完成所有步骤，但收到错误消息
ag-Grid: could not find matching row model for rowModelType clientSide
ag-Grid: Row Model "Client Side" not found. Please ensure the ClientSideRowModelModule is loaded using: import '@ag-grid-community/client-side-row-model';
将我的所有代码与教程中提
浏览 1提问于2019-11-12得票数 21
回答已采纳
在IE 11中，ag-grid似乎有一个糟糕的滚动行为。我们在不同的选项卡中有多个网格，现在当我在一个网格中滚动时(因此数据被重新加载)，然后切换到另一个选项卡，然后返回网格-即使html是正确的，也不显示任何行或只显示其中的一部分。然后，只要用户再次开始滚动，就会呈现这些行。
当行数很少时，如50行，这不是问题。但是对于500，这个问题是一致的。即使是网格中的标准滚动也会显示出这种奇怪的渲染行为，在很短的一段时间内，没有任何行可见。这似乎在切换选项卡时保留了下来。
请注意，我们使用的是带有angular2的ag-grid。
在IE 11中有没有可能改进/修复这个渲染问题？
浏览 0提问于2016-03-29得票数 2
我在我的angular应用程序中使用了ag-grid，并试图使用ag-grid从json文件中检索数据，但由于rowData.forEach不是一个函数，它显示了错误。我能够理解rowData接受的是json对象而不是json数组，但实际上我传递的是json数组
json数据：
[
{
"labelGuid": "991bjs",
"request": "Select Opposing Party Separator",
"taskAv
浏览 2提问于2021-07-21得票数 0
在纯JS应用程序中，您可以这样初始化agGrid：
var agGrid = require('ag-grid');
(function(angular) {
agGrid.initialiseAgGridWithAngular1(angular);
angular.module('myApp', []);
我不知道如何使用AngularJS TypeScript应用程序对其进行初始化。我试过了：
import * as angular from 'angular';
import * as agGrid from '
浏览 6提问于2018-04-06得票数 0
我正在使用行分组功能来根据其中一列对行进行分组(就像我正在根据ag-grid表中的客户字段进行分组一样)。默认情况下，我相信它在关闭状态下总是可见的。我想在打开状态下默认显示行分组。为此，我使用了[isGroupOpenByDefault]属性，但在使用时，我收到了该ERROR in Can't bind to 'isGroupOpenByDefault' since it isn't a known property of 'ag-grid-angular'的错误。我使用的是Angular ag-grid enterprise，我添加了行分组所
浏览 46提问于2021-06-03得票数 0
试着在我的项目中加入ag网格角。我已经成功地让它使用过滤和排序的静态数据。
我现在无法用异步中的动态数据来设置它。
<ag-grid-angular
style="width: 1100px; height: 1000px;"
class="ag-theme-balham"
[enableSorting]="true"
[enableFilter]="true"
id ="mygrid"
[animateRows]="true"
[rowData]="rowss | asy
浏览 0提问于2018-12-03得票数 8
我是AG-Grid的新手，所以如果这是一个愚蠢的问题，请原谅。我们在Angular 5应用程序中使用的是开源版本的Ag-Grid。我有一个专栏，其中我组合了两组汇总数据并显示它们。我想在这两段文字之间换行。
现在它正在做这件事：
“摘要一摘要二”
我想让它这样做：
“总结一
总结二“
到目前为止，我已经尝试了和HTML中断标记，\r\n和只是\n，都没有起作用。这有可能做到吗？
谢谢，詹姆斯
浏览 0提问于2018-03-01得票数 6
回答已采纳
1回答
如何在Angular中的网格元素上获取DOM引用？似乎没有一种直接的方法。我试过了： 标记： <ag-grid-angular #logGrid></ag-grid-angular> ts： @ViewChild('logGrid') logGrid: AgGridNg2; AgGridNg2没有公开nativeElement或ElementRef属性。 我也试过了： @ViewChild('logGrid') logGrid: ElementRef; 它没有nativeElement属性，因为它的类型是AgGridNg2而不是Elem
浏览 23提问于2019-04-23得票数 1
回答已采纳
0回答
我正在尝试在jhipster项目中使用ag-grid。将ag-grid添加到我的项目中后，我将模块导入到app.module中：
{AgGridModule} from 'ag-grid-angular';
为了使用ag-grid，我修改了组件：
import { Component, OnInit, OnDestroy } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { Subscription } from
浏览 0提问于2017-12-13得票数 0
回答已采纳
我们如何避免对ag-grid的第一行进行排序？示例中，我在网格中有10行，我希望只有9行通过离开ag-grid的第一行进行排序？我已经尝试了所有可能的代码，并在谷歌上搜索了一些示例，但没有成功 <ag-grid-angular style="height: 453px;"
class="ag-theme-bootstrap"
border-color="#FFFFF"
[enableSorting]="true"
浏览 36提问于2020-06-16得票数 0
回答已采纳
希望有人能给我指明正确的方向？我试图将underscore.js添加到我的AngularJS2应用程序中，但无法通过错误消息“无法找到模块‘下划线’”。
我执行了: npm安装下划线-保存，它将引用添加到我的package.json文件中：
{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json from the documentation, supplemented
浏览 7提问于2016-11-04得票数 1
回答已采纳
1回答
我在我的Angular 5.2.11应用程序上使用ag-grid来显示表。在date列中，我使用文档中的默认日期过滤器agDateColumnFilter。日期选择器日期格式为mm/dd/yyyy使用browserDatePicker: true后，有没有办法更改日期选择器格式
浏览 23提问于2021-03-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
