잉 그리드 내가 하위 경로로 사용하지만</p> <p>2 호선의 표시 목록 링크를 클릭 할 때 아무것도 이제까지 렌더링 없을 때 NG 그리드를 렌더링하기 위해 노력하고있어 하위 경로

Question

에서 렌더링하지.

여기 plunker입니다 : http://plnkr.co/edit/JGmqFj

내가 잘못 뭘하는지 확실하지.

var myapp = angular.module('myapp', ["ui.router", "ngGrid"]) 

그리고 당신은 격자의 크기를 정의하려면 다음 CSS 스 니펫 (snippet)을 추가해야합니다 :

var myapp = angular.module('myapp', ["ui.router"]) 
 
    myapp.config(function($stateProvider, $urlRouterProvider){ 
 
     
 
     // For any unmatched url, send to /route1 
 
     $urlRouterProvider.otherwise("/route1") 
 
     
 
     $stateProvider 
 
     .state('route1', { 
 
      url: "/route1", 
 
      templateUrl: "route1.html" 
 
     }) 
 
      .state('route1.list', { 
 
       url: "/list", 
 
       templateUrl: "route1.list.html", 
 
       controller: function($scope){ 
 
       $scope.items = ["A", "List", "Of", "Items"]; 
 
       } 
 
      }) 
 
      
 
     .state('route2', { 
 
      url: "/route2", 
 
      templateUrl: "route2.html" 
 
     }) 
 
      .state('route2.list', { 
 
       url: "/list", 
 
       templateUrl: "route2.list.html", 
 
       controller: function($scope){ 
 
       $scope.things = [{name:"Lucy", number:23}, {name:"Morgan", number:44}]; 
 
       $scope.gridOptions = { 
 
        data: 'things', 
 
        multiSelect: false, 
 
        columnDefs: [ 
 
         { field: 'name', displayName: 'Name', width: 190 }, 
 
         { field: 'number', displayName: 'Number', width: 190 },      
 
        ] 
 
       }; 
 
       
 
       } 
 
      }) 
 
    })

Answer 1

당신은 ngGrid를 주입하는 것을 잊었다,이 시도

.gridStyle { 
    border: 1px solid rgb(212,212,212); 
    width: 400px; 
    height: 300px 
} 

을