AngularJS ngGrid 모듈 선언

Question

저는 Angular를 골치 거리며 간단한 테스트 프로젝트를 진행하고 있지만 ngGrid 모듈을 추가하면 모든 기능이 중지됩니다.

작업 HTML의 단편이다

는

<div class="navbar-header"> 
      <a class="navbar-brand" ui-sref="home">{{hdr.title}}</a> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li ng-click="hdr.setIndex(0)" ng-class="(index==0) ? 'active' : ''"> 
        <!--<a href="#">Contributions</a>--> 
        <!--STATE directive--> 
        <a ui-sref="{{hdr.menu[0].state}}">{{hdr.menu[0].name}}</a> 
        <!--<a ui-sref="collections">{{hdr.menu[0].name}}</a>--> 
       </li> 
       <li ng-click="hdr.setIndex(1)" ng-class="(index==1) ? 'active' : ''"> 
        <a ui-sref="{{hdr.menu[1].state}}">{{hdr.menu[1].name}}</a> 
       </li> 
       <li ng-click="hdr.setIndex(2)" ng-class="(index==2) ? 'active' : ''"> 
        <a ui-sref="{{hdr.menu[2].state}}">{{hdr.menu[2].name}}</a> 
       </li> 


       <!--<li><a href="#"> {{hdr.title}}</a></li>--> 
      </ul> 
     </div> 

스크립트가 포함되어 있습니다

angular.module('app', ['ui.router']) 

디스플레이는 스크립트가 다음 중 하나에 업데이트 될 때 실패

angular.module('app', ['ui.router','ngGgrid']) 
angular.module('app', ['ngGgrid']) 

이제 페이지가 제대로 표시되는 대신 표시되는 내용은 모두

입니다. 어떤 응답을 사전에

<script src="Scripts/ng-grid.js"></script> 

감사 :

{{hdr.title}} {{hdr.menu[0].name}} {{hdr.menu[1].name}} {{hdr.menu[2].name}} 

스크립트 파일이 탑재되고있다.

Answer 1

K Scandrettt의 응답을 기반으로 한 또 다른 키워드 검색을 통해 내 질문에 대한 해결책이 포함 된 another post을 찾을 수있었습니다.