Inciding angular Grid Unternehmen

Question

Ich habe Paket angular-Grid-Unternehmen über Bower installiert. Version des Winkelrasters ist 6.2.1. Ich benutze eckige Rahmen in Laravel-Projekt. Dies ist Inhalt von default.blade.php, wo alle notwendigen Skripte gespeichert sind.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script scr="http://demos.angularcode.com/grid/js/ui-bootstrap-tpls-0.10.0.min.js"></script> 
<script src="https://cdn.rawgit.com/esvit/ng-table/1.0.0/dist/ng-table.js"></script> 
<script src="/js/dashboard/new.controller.js"></script> 
<script src="/bower_components/ag-grid-enterprise/dist/ag-grid-enterprise.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ag-grid/6.2.1/ag-grid.min.js"></script> 

Und hier ist mein Controller

var kongres = angular.module('kongres', ["agGrid"]); 
kongres.controller('NoviController', NoviController); 
function NoviController($scope, $http, $timeout) {} 

Und hier ist Seite in Hexe Raster

angezeigt werden soll

@extends(isset($layout)?$layout:'layout.default') 
@section('content') 
<div class="page-content-wrapper" ng-controller="NoviController"> 
    <!-- BEGIN CONTENT BODY --> 
    <div class="page-content"> 

     <div class="row"> 
      <div class="col-lg-12 portlet light bordered"> 
       <div class="portlet-title"> 
        <div class="caption font-dark"> 
         <i class="icon-people"></i> 
         <span class="caption-subject bold uppercase">Hotel bookings</span> 
        </div> 
       </div> 
       <div class="portlet-body"> 
        @{{ title }} 
        <div ag-grid="gridOptions" style="height: 600px;" class="ag-blue"></div> 
       </div> 
      </div> 
     </div> 
     <!-- /.row --> 
    </div> 
</div> 
<!-- /.container-fluid --> 
@stop 

Wenn ich versuche Seite dieser Fehler angular.js:38Uncaught Error: [$injector:modulerr] zeigt zu laden. Meine Frage ist, wie man dieses Modul richtig injiziert?

Answer 1

Sie haben die <script src="/js/dashboard/new.controller.js"></script> nach dem Laden der ag-grid-enterprise.js Referenzen

neu ordnen sie wie unten zu laden,

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script scr="http://demos.angularcode.com/grid/js/ui-bootstrap-tpls-0.10.0.min.js"></script> 
<script src="https://cdn.rawgit.com/esvit/ng-table/1.0.0/dist/ng-table.js"></script> 
<script src="/bower_components/ag-grid-enterprise/dist/ag-grid-enterprise.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/ag-grid/6.2.1/ag-grid.min.js"></script> 
<script src="/js/dashboard/new.controller.js"></script> 

DEMO

Auch müssen Sie diese aufrufen, bevor Sie das Modul, erklärt

agGrid.initialiseAgGridWithAngular1(angular);