我无法实现 ui.Grid angularJS 扩展，它给出了 404 错误

Question

下面是我的简单 AngularJS 内容。 Wwhen I 运行 the code I get error 404 错误。问题是它直接在TA文件夹下搜索ui.grid，我不知道为什么ui.grid不查找/TA/ui-grid/ui-grid文件夹下的文件？我在 TA/SiteAsstes/Scripts/uiGrid 下创建了一个文件夹，在 index.html 中我指的是这个地方。为什么 ui-grid 搜索直接在 "TA" 下？

我还有其他 AngularJS 代码可以正常工作。所以想了解为什么它直接在 "TA" 文件夹下而不是在“/TA/SiteAssets/Scripts/uiGrid/”下搜索 ui-grid。

My folder structure looks like this:
/TA/SiteAssets/app.js
/TA/SiteAssets/index.html
/TA/SiteAssets/Scripts/angular.js   etc. etc.
/TA/SiteAssets/Scripts/uiGrid/ui-grid.css
/TA/SiteAssets/Scripts/uiGrid/ui-grid.js  etc. etc.
/TA/SiteAssets/Content

错误

 GET http://system123/TA/ui-grid/ui-grid 404 (NOT FOUND)

Error: [$compile:tpload] Failed to load template: ui-grid/ui-grid
http://errors.angularjs.org/1.3.5/$compile/tpload?p0=ui-grid%2Fui-grid
    at REGEX_STRING_REGEXP (angular.js:63)
    at handleError (angular.js:15946)
    at processQueue (angular.js:13075)
    at angular.js:13091
    at Scope.$get.Scope.$eval (angular.js:14291)
    at Scope.$get.Scope.$digest (angular.js:14107)
    at Scope.$get.Scope.$apply (angular.js:14395)
    at done (angular.js:9569)
    at completeRequest (angular.js:9756)
    at XMLHttpRequest.requestLoaded (angular.js:9697)angular.js:11500 (anonymous function)angular.js:8479 $getangular.js:13083 processQueueangular.js:13091 (anonymous function)angular.js:14291 $get.Scope.$evalangular.js:14107 $get.Scope.$digestangular.js:14395 $get.Scope.$applyangular.js:9569 doneangular.js:9756 completeRequestangular.js:9697 requestLoaded

app.js

var app = angular.module("app", ["ngTouch","ui.grid"]);

index.html

<html ng-app="app">
<script type="text/javascript" src="/TA/SiteAssets/Scripts/angular.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/Scripts/angular-touch.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/Scripts/angular-animate.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/Scripts/angular-ui-tree.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/Scripts/uiGrid/ui-grid.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/Scripts/angular-ui-router.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/app.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/employeeController.js"></script>
<script type="text/javascript" src="/TA/SiteAssets/employeeService.js"></script>
<script type="text/javascript">
    app.controller('MainCtrl', ['$scope', function ($scope) {
        $scope.myData = [
          {
              "firstName": "Cox",
              "lastName": "Carney",
              "company": "Enormo",
              "employed": true
          },
          {
              "firstName": "Lorraine",
              "lastName": "Wise",
              "company": "Comveyer",
              "employed": false
          },
          {
              "firstName": "Nancy",
              "lastName": "Waters",
              "company": "Fuelton",
              "employed": false
          }
        ];
    }]);
</script></head>


<body>


<div ng-controller="MainCtrl">
    <div id="grid1" ui-grid="{ data: myData }" class="grid"></div>
</div>
</body>

</html>

Answer 1

终于找到问题了

我必须在我的 in 中包含另一个 JS 文件： /ui-网格-unstable.js"

查看示例：http://ui-grid.info/docs/#/tutorial/101_intro

但是报错非常非常混乱，不清楚

Answer 2

通常我们希望人们通过 bower 或类似工具安装网格 - 这会为要找到的所有内容正确设置路径。你可以试试这个方法，因为它会给你一个更顺畅的升级路径。

Answer 3

@ethem，我昨晚在我的项目中遇到了同样的问题和错误消息，现在我找到了我项目中错误的原因- 实际上我在 app.config 中使用 angular $http 拦截器将我的项目名称作为前缀添加到每个 url like-

config.url = "myproject/" + config.url

（调试 app.config）所以在 ui 网格 js 执行期间，一些 rquests 正在攻击我的服务器，如错误消息中所示 -

http://system123/TA/ui-grid/ui-grid 404 (NOT FOUND)

所以，我只是在拦截器中使用 url conatining "ui-grid" 过滤了请求，以避免 ui-grid js 攻击我的服务器，并且一切正常。

也许这个答案可以帮助您解决问题。

我正在使用这两个cdn文件-

<script src="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.js"></script>
    <link href="https://cdn.rawgit.com/angular-ui/bower-ui-grid/master/ui-grid.min.css" rel="stylesheet" />

我无法实现 ui.Grid angularJS 扩展，它给出了 404 错误

I can't implement ui.Grid angularJS extension it gives 404 error

angularjs

angular-ui