Javascript 角度UI-GRID不在页面上显示网格_Javascript_Html_Css_Angularjs

Javascript 角度UI-GRID不在页面上显示网格

javascript html css angularjs

Javascript 角度UI-GRID不在页面上显示网格,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,即使经过大量研究，我也无法找到一个好的例子来帮助我在本地运行angular UI-GRID例子下面是我使用的HTML文件，一个名为index.HTML的简单文件： <!doctype html> <html ng-app="app"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script>

即使经过大量研究，我也无法找到一个好的例子来帮助我在本地运行angular UI-GRID例子

下面是我使用的HTML文件，一个名为index.HTML的简单文件：

<!doctype html>
<html ng-app="app">

<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-touch.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-animate.js"></script>

    <script src="release/ui-bootstrap-tpls-0.12.1.min"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="release/ui-grid-unstable.css"/>
    <link rel="stylesheet" href="main.css"/>
    <script src="release/ui-grid-unstable.js"></script>

    <script src="app.js"></script>
  </head>
  <body>
    <div ng-controller="MainCtrl">
      <div id="grid1" ui-grid="{ data: myData }" class="grid"></div>
    </div>
  </body>
</html>

ui-grid-unstable.js和ui-grid-unstable.css可从以下链接下载：

及

请帮助我，因为我只是花时间来运行这个

我可以根据自己的要求运行ng网格，但由于没有列和行调整功能，我现在必须切换到ui网格。

我最近也开始学习AngularJs。如果你想使用AngularJs，那么你可以从这个链接获得一些帮助。在AngularJs上进行研发时，我发现了这个链接。希望这能有所帮助。为了使用ng grid，您可以从这里使用git签出或下载zip（或使用bower）

更新了`请参考此

是的@suraj，就是这个

希望它也能帮助其他人

对于未加载的文件，您在javascript控制台和/或网络选项卡（如果在Chrome中）上遇到了哪些错误

我最好的猜测是，您还没有下载ui网格发布文件并将其作为release/ui-grid.js和release/ui-grid.css放入发布文件夹。但是你的index.html文件告诉你的浏览器在这里可以找到这些文件

一旦完成此操作，字体也会出现问题，因为您还需要下载字体文件并在本地安装它们。确切的位置取决于您的构建脚本和其他一些东西，但通常css会希望它们使用字体/xxxxx。

Reena提供的链接：

帮助启动ui网格

如果我没有错的话，这些是我遗漏的几行：

<link data-require="bootstrap-css" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link data-require="bootstrap@*" data-semver="3.2.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />

实际上，我查看了所有内容，正如指定的那样，我能够在NG-GRID中运行我的代码，但我想要的是在ui GRID中运行，ui GRID虽然不稳定，但仍能正常工作。非常感谢Reena。这有助于：）很好，它帮助了你

    <link data-require="bootstrap-css" data-semver="3.2.0" rel="stylesheet"        href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
    <link data-require="bootstrap@*" data-semver="3.2.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />`

<link data-require="bootstrap-css" data-semver="3.2.0" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link data-require="bootstrap@*" data-semver="3.2.0" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.css" />