吴格不从子路线

Question

渲染我想作为一个子航线使用，但在

路线2的显示列表的链接，当点击从来都没有呈现时，呈现的NG-网格。

这里的plunker：http://plnkr.co/edit/JGmqFj

不知道我做错了。

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，试试这个：

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

你应该添加以下CSS代码段来定义网格的大小：

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