Javascript 使用角度路由器ui解决trNgGrid问题

我一直在开发一个相当大的应用程序，并开始深入研究AngularJS，这是我以前没有的。我以前做的大部分工作都很简单（图像库、导航等），而且我从来没有使用过多个控制器、模块和插件

现在我有两个插件（Angular UI Router和trNgGrid），我正试图一起使用，但它们似乎不能很好地协同工作

我正在使用的页面trNGrid是一个内部页面。我有一个搜索功能，应该返回一个JSON文件，我需要获取数据并将其放入带有一些基本网格控件的表中

我有一个主模板（索引），然后我使用带有UI路由器的partials为各种页面动态插入HTML

搜索页面html如下所示：

搜索结果

<div ng-controller="MainCtrl">
    <table tr-ng-grid items='myItems'>

    </table>
</div>

当你点击搜索页面时，什么都没有发生，似乎破坏了一切。没有控制台警告，什么也没有。取出trNgGrid模块，一切正常

我确实有引导应用程序的ng app指令，我已经检查以确保没有404错误，并且所有脚本都已准备就绪，它们都加载到index.html页面上

我应该把trNgGrid模块放在一个单独的文件中吗？这将是一个大的应用程序，所以在不同的文件中有大量不同的模块似乎是一个临时解决方案，以后会让我头疼

---

现在，我只是想让这两个人一起工作。如果有另一种更容易使用的替代方案，我同意

我相信您正在用这行代码覆盖您的模块：

angular.module('routerApp', ['trNgGrid'])

尝试这样做：

var routerApp = angular.module('routerApp', ['ui.router', 'trNgGrid']);

routerApp.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');

$stateProvider
    .state('home', {
        url: '/home',
        templateUrl: 'global/partials/home.html'
    })
    .state('search', {
        url: '/search',
        templateUrl: 'search/partials/search.html'
    })
});


routerApp.controller("MainCtrl", ["$scope", function ($scope) {
    $scope.myItems = [{name: "Moroni", age: 50},
             {name: "Tiancum", age: 43},
             {name: "Jacob", age: 27},
             {name: "Nephi", age: 29},
             {name: "Enos", age: 99}];
    }]); 

var routerApp = angular.module('routerApp', ['ui.router', 'trNgGrid']);

routerApp.config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/home');

$stateProvider
    .state('home', {
        url: '/home',
        templateUrl: 'global/partials/home.html'
    })
    .state('search', {
        url: '/search',
        templateUrl: 'search/partials/search.html'
    })
});


routerApp.controller("MainCtrl", ["$scope", function ($scope) {
    $scope.myItems = [{name: "Moroni", age: 50},
             {name: "Tiancum", age: 43},
             {name: "Jacob", age: 27},
             {name: "Nephi", age: 29},
             {name: "Enos", age: 99}];
    }]);