angularjs – 基本的ng-grid示例不起作用

发布时间：2020-12-17 17:58:02 所属栏目：安全来源：网络整理

导读：我是 angularjs和ng-grid的新手……我目前正在通过一个简单的ng-grid示例,但我似乎无法让它工作. 这是我的HTML： !DOCTYPE htmlhtml ng-app="myApp"head lang="en"meta charset="utf-8"titleGetting Started With ngGrid Example/titlelink rel="stylesheet"

我是 angularjs和ng-grid的新手……我目前正在通过一个简单的ng-grid示例,但我似乎无法让它工作.

这是我的HTML：

<!DOCTYPE html>
<html ng-app="myApp">
<head lang="en">
<meta charset="utf-8">
<title>Getting Started With ngGrid Example</title>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.11/ng-grid.css" data-semver="2.0.11" data-require="ng-grid@*" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" data-semver="2.1.1" data-require="jquery@*"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js" data-semver="1.3.7" data-require="angular.js@*"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ng-grid/2.0.11/ng-grid.min.js" data-semver="2.0.11" data-require="ng-grid@*"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-controller="MyCtrl">
<h1>{{title}}</h1>
<div class="gridStyle" ng-grid="gridOptions">
</div>
</body>
</html>

这是我的js：

'use strict';

var app = angular.module('myApp',['ui.grid']);
app.controller('MyCtrl',function($scope) {
  $scope.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.title = "ng-grid example";
});

我还在Plunker中创建了一个我的问题示例：http://plnkr.co/edit/9fEF8sBAMhaMxWimLfTn?p=preview

谢谢！

莎娜

解决方法

您从 here找到的文档错误地指出了以下内容

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

它们在同一页面上的plunkr链接具有正确的语法

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

发现here.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!