在ng-admin中使用angular.js路由

Question

我有以下问题:我正在使用ng-admin来构建一个管理页面。有一个自定义页面添加到ng-admin界面。标准的ng-admin页面由ng-admin路由，列表/编辑视图没有问题。现在，我想对自定义页面使用angular.js路由，因为我需要一个带有url中参数的url路由。如果我不使用url中的任何参数，那么路由就会起作用。一旦我使用了这些参数，定制页面的路由就可以工作了，但是当我单击任何其他页面时，新页面将永远加载，并且不会打开。如果我使用不带参数的路由，所有页面都能正确加载。

这是有效的：

​

function routing($stateProvider, $urlRouterProvider){
// default route
  $urlRouterProvider.otherwise('/custom');
  $stateProvider.state('custom', {
    parent: 'main',
    url: '/custom',
    template: customTemplate,
    controller: 'CustomController'
    });
}

​

这不起作用：

​

function routing($stateProvider, $urlRouterProvider){
// default route
  $urlRouterProvider.otherwise('/custom');
  $stateProvider.state('custom', {
    parent: 'main',
    url: '/custom?date',
    template: customTemplate,
    controller: 'CustomController'
    });
}

​

我使用$state.go函数来更改状态并路由页面：

​

function transition(){
  var dates = $scope.startdate.getTime();
  $state.go('custom', {date: dates}, {notify: false});
};

​

Answer 1

我相信您可能需要在params部分中声明参数：

function routing($stateProvider, $urlRouterProvider){
  // default route
  $urlRouterProvider.otherwise('/custom');
  $stateProvider.state('custom', {
    parent: 'main',
    url: '/custom?date',
    params: { date: null },
    template: customTemplate,
    controller: 'CustomController'
  });
}

有关详细信息，请参阅ui-router docs。