可以按照以下步骤在AngularJS中使用ag-grid：

1. 首先，确保已经安装了ag-grid和ag-grid-angular依赖项。可以使用以下命令安装它们：

npm install --save ag-grid ag-grid-angular

2. 在你的AngularJS应用程序中，将ag-grid和ag-grid-angular模块添加到你的主模块的依赖项中：

angular.module('myApp', ['agGrid']);

3. 在你的HTML模板中，使用ag-grid-angular指令定义一个包含ag-grid的容器：

4. 在你的控制器中，定义gridOptions对象，该对象将包含ag-grid的配置和数据：

angular.module('myApp').controller('MyController', function($scope) {
  $scope.gridOptions = {
    columnDefs: [
      { headerName: 'Name', field: 'name' },
      { headerName: 'Age', field: 'age' },
      { headerName: 'Email', field: 'email' }
    ],
    rowData: [
      { name: 'John', age: 25, email: 'john@example.com' },
      { name: 'Jane', age: 30, email: 'jane@example.com' },
      { name: 'Bob', age: 35, email: 'bob@example.com' }
    ]
  };
});

5. 在ui-router视图中，使用ng-controller指令将控制器与视图关联起来，并将ag-grid容器包含在视图中：

这样就可以在ui-router视图中使用ag-grid了。确保在视图中正确引入所需的CSS样式文件和JavaScript文件。