【发布时间】：2017-07-08 18:18:03
【问题描述】：
我按照UI Grid official tutorial 中的教程进行操作。 我不知道为什么我无法加载网格。我没有发现任何语法错误。
这是来自控制台的部分错误：
访问过的网址 / editor-1.2.0.js:2 访问的 URL /?p=catalogue emmet.js 加载资源失败：服务器响应状态为404（未找到） editor-1.2.0.js:7 AUTH 对象 editor-1.2.0.js:2 事件跟踪 Plunk Beautify Toolbar undefined undefined editor-1.2.0.js:2 事件跟踪 Plunk 保存工具栏 undefined undefined editor-1.2.0.js:2 访问的 URL /oXEt5IfdrpkkPSxysncy?p=catalogue editor-1.2.0.js:2 事件跟踪多面板显示预览工具栏 undefined undefined editor-1.2.0.js:2 访问的 URL /oXEt5IfdrpkkPSxysncy?p=preview run.plnkr.co/:1 混合内容：“https://plnkr.co/edit/oXEt5IfdrpkkPSxysncy?p=preview”处的页面是通过 HTTPS 加载的，但请求了不安全的脚本“http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js”。此请求已被阻止；内容必须通过 HTTPS 提供。
<!DOCTYPE html>
<html ng-app="app">
<head>
<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script src="http://ui-grid.info/release/ui-grid.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<div ng-controller="MainCtrl">
<div ui-grid="{ data: myData }" class="myGrid"></div>
</div>
<script>
var app = angular.module('app', ['ui.grid']);
app.controller('MainCtrl', ['$scope', function($scope) {
$scope.myData = [{
"firstName": "Cox",
"lastName": "Carney",
"company": "Enoromo",
"employed": true
}, {
"firstName": "Lorraine",
"lastName": "Wise",
"company": "Comveyer",
"employed": false
}, {
"firstName": "Nancy",
"lastName": "Waters",
"company": "Fuelton",
"employed": false
}
];
}])
</script>
<style>
.myGrid {
width: 500 px;
height: 250 px;
}
</style>
</body>
</html>
【问题讨论】：
标签： angularjs angular-ui-grid ui-grid