javascript - 结合 ng-admin 和 ui-router

标签 javascript angularjs angular-ui-router ng-admin

我有 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 中所述。它有效。但我找不到将其添加到当前项目的方法。

最佳答案

您必须使用 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

关于javascript - 结合 ng-admin 和 ui-router,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49443331/

相关文章:

javascript - 使用 anchor 标记 a 在网格中创建动态按钮

javascript - 当 Angular ui 路由器中运行另一个转换时,如何防止状态转换?

html - 第一个 AngularJS + Angular UI 路由器

javascript - 来自同一来源的 Angular 翻译字符串

javascript - 我应该避免创建这个 JavaScript 闭包吗?

javascript - Node 服务器不响应任何带有自定义 header 的 cors 模式下的 POST 请求

javascript - 如何删除 HTML 头部中的重复脚本?

angularjs - Angular2 $location.search() 等效(设置查询参数)

javascript - 尝试用 ng-mouseover 和 ng-mouseleave 改变 ng-class

javascript - 如何使用 ngRoute 创建导航路线?