我是新來的angularjs和ng-grid ...我目前正在通過一個簡單的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="[email protected]*" />
<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="[email protected]*"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.7/angular.js" data-semver="1.3.7" data-require="[email protected]*"></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="[email protected]*"></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:http://plnkr.co/edit/9fEF8sBAMhaMxWimLfTn?p=preview
感謝:
'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創建我的問題的例子!
莎娜
請添加一些explenation到您的答案。 –
我是一個有角的新手,但這個例子看起來有點不對,就是它指向了angular.js的本地副本。好的,所以我補充說。我如何知道它正確加載?它也看起來像style.ccs是本地的,但它來自哪裏?無論如何,你的例子不起作用。也許與全局文件引用... – Tihamer