javascript - 结合 ng-admin 和 ui-router

Question

我有 AngularJS(1.4.9) 项目，它是使用 ui-router 构建的，并且有一些这样的状态:

.state('overview', {
  url: '/overview',
  parent: 'dashboard',
  templateUrl: 'views/dashboard/overview.html'
})
.state('settings', {
  url: '/settings',
  parent: 'dashboard',
  templateUrl: 'settings/views/index.html',
  controller: "SettingsCtrl"
})

现在我想添加想要将 ng-admin(0.9.1) 集成到其中。我已经将其作为具有独立 html 的独立应用程序进行了测试，如 docs 中所述。它有效。但我找不到将其添加到当前项目的方法。

Answer 1

您必须使用 ng-admin 更改您的应用程序父状态，如下所示

// from
myApp.config(function ($stateProvider) {
    $stateProvider.state('send-post', {
        parent: 'main',
        url: '/sendPost/:id',
        params: { id: null },
        controller: sendPostController,
        controllerAs: 'controller',
        template: sendPostControllerTemplate
    });
});

// to
myApp.config(function ($stateProvider) {
    $stateProvider.state('send-post', {
        parent: 'ng-admin', // <= this has changed
        url: '/sendPost/:id',
        params: { id: null },
        controller: sendPostController,
        controllerAs: 'controller',
        template: sendPostControllerTemplate
    });
});

如需引用，请查看更新文档 ng-admin