рядные редактируемые сетки в angularjs простой программы

здесь я пытаюсь показать свой код в таблице, используя нг-сетку, но я получаю сообщение об ошибке, какрядные редактируемые сетки в angularjs простой программы

GET file:///C:/Users/krishna/Desktop/grid/ng-grids.css net::ERR_FILE_NOT_FOUND 
    Uncaught Error: [$injector:modulerr] 

    http://errors.angularjs.org/1.3.16/$injector/modulerr?p0=myApp&p1=Error%3A%…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.16%2Fangular.min.js%3A17%3A381)

вот мой код, что я пытался

<html ng-app="myApp"> 
    <head lang="en"> 
    <meta charset="utf-8"> 
    <title>Getting Started With ngGrid Example</title>    
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="ng-grids.css" /> 
    <script> 
     var app = angular.module('myApp', ['ngGrid','ngRoute']); 
     app.controller('MyCtrl', function($scope) { 
      $scope.myData = [ 
       {name: "Ajith", age: 50}, 
       {name: "rajini", age: 43}, 
       {name: "araya", age: 27}, 
       {name: "madi", age: 29}, 
       {name: "cha", age: 34} 
      ]; 
      $scope.gridOptions = { data: 'myData' }; 
     }); 
    </script> 
    </head> 
    <body ng-controller="MyCtrl"> 
    <div class="gridStyle" ng-grid="gridOptions"></div> 
    </body> 
</html>

я должен просмотреть данные, которые Availabe в сценарии, я новичок в angularjs для разработки приложения, основанного на сетке помощи, чтобы получить знания в angularjs

источник

2016-02-18 Mohan Gopi

вы впрыснуть «ngGrid», но Неве r включает этот модуль в ваше приложение, поэтому угловой не может его найти. Вы должны включать в себя следующие файлы в вашем заголовке:

нг-grid.js
нг-grid.css, если вы хотите, довольно стиль, показанный в учебники
JQuery

рабочий пример будет (см plunk):

<html ng-app="myApp"> 

    <head lang="en"> 
    <meta charset="utf-8" /> 
    <title>Getting Started With ngGrid Example</title> 
    <link data-require="[email protected]" data-semver="2.0.14" rel="stylesheet" href="https://cdn.rawgit.com/angular-ui/ng-grid/v2.0.14/ng-grid.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script> 
    <script data-require="[email protected]*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
    <script data-require="[email protected]" data-semver="2.0.14" src="https://cdn.rawgit.com/angular-ui/ng-grid/v2.0.14/build/ng-grid.js"></script> 
    <style> 
     .gridStyle { 
     height: 300px 
     } 
    </style> 
    <script> 
     var app = angular.module('myApp', ['ngGrid']); 
     app.controller('MyCtrl', function($scope) { 
     $scope.myData = [ 
      {name: "Ajith", age: 50}, 
      {name: "rajini", age: 43}, 
      {name: "araya", age: 27}, 
      {name: "madi", age: 29}, 
      {name: "cha", age: 34} 
     ]; 

     $scope.gridOptions = { 
      data: 'myData' 
     }; 
     }); 
    </script> 
    </head> 

    <body ng-controller="MyCtrl"> 
    <div ng-grid="gridOptions" class="gridStyle"></div> 
    </body> 

</html>

я удалил «ngRoute», так как она фактически не используется в примере, но вы можете добавить его аналогичным образом.

На боковой ноте плики на домашней странице сетки не работают, потому что они указывают на несуществующий скрипт. Это может быть или не предназначено, поскольку ng-grid амортизируется в пользу его новой версии ui-grid.

источник

2016-02-18 08:40:38

Uncaught Error: [$ injector: modulerr] http://errors.angularjs.org/1.3.16/$injector/modulerr?p0=myApp&p1=Error%3A%...gleapis.com%2Fajax%2Flibs%2Fangularjs% 2F1.3.16% 2Fangular.min.js% 3A17% 3A381) –

Я получаю эту ошибку –

файл: //cdn.rawgit.com/angular-ui/ng-grid/v2.0.14/ng-grid.css Не удалось load resource: net :: ERR_FILE_NOT_FOUND файл: //cdn.rawgit.com/angular-ui/ng-grid/v2.0.14/build/ng-grid.js Не удалось загрузить ресурс: net :: ERR_FILE_NOT_FOUND –

рядные редактируемые сетки в angularjs простой программы

ответ

Смежные вопросы