Question

以下是我的代码

const

我是角度js的新手，参考http://angular-ui.github.io/ui-grid/

中的例子

此代码应显示网格（使用ng-grid）但不是

这个例子中有什么问题??

Answer 1

您实际上并未使用此行设置数据。您将$scope.gridOptions.data的值设置为＆＃39; myData＆＃39;的字符串文字。

$scope.gridOptions = { data: 'myData' };

你需要做的是（最低限度）：

$scope.gridOptions = { data: $scope.myData };

由于您不直接需要范围数据，您可以这样做：

var myData = [{ name: "Moroni", age: 50 },
                 { name: "Tiancum", age: 43 },
                 { name: "Jacob", age: 27 },
                 { name: "Nephi", age: 29 },
                 { name: "Enos", age: 34 }];
$scope.gridOptions = { data: myData };

或者：

$scope.gridOptions = {
    data: [
           { name: "Moroni", age: 50 },
           { name: "Tiancum", age: 43 },
           { name: "Jacob", age: 27 },
           { name: "Nephi", age: 29 },
           { name: "Enos", age: 34 }
    ]
};

在您的模块声明中，您还需要更改为此。这告诉你的模块它将使用这个库。没有它，您将无法加载用于创建网格的ui-grid指令。

var app = angular.module('myApp', ['ui.grid']);

现在，所有这些，我不确定你在这里使用bootstrap类。通常，网格有自己的CSS找到here。如果网格显示不良或根本不显示（不确定会发生什么），那么您应该使用该样式表并将HTML设置为此。无论如何，您需要将ng-grid更改为ui-grid。 ng-grid来自更旧的版本。

<div class="grid" ui-grid="gridOptions"></div>

Angular js Grid不起作用

1 个答案: