Question

我正考虑将AngularJS添加到现有应用中。该应用程序是一个事件管理应用程序，每个事件都有一个仪表板操作。所以我们有http://localhost:3000/events/2/dashboard之类的东西我们试图通过添加AngularJS来使仪表板视图更加用户友好。

目标是实现一个控制器，该控制器将检索事件id以调用其他服务并将结果填充到视图中。

我已经阅读过$ routeParams，但在大多数情况下，这些示例都是使用自己的模板处理单页应用程序。

是否有任何干净的方法可以从网址中检索事件ID参数？

任何帮助都将受到高度赞赏。

Answer 1

使用angularUI router，您可以从网址中检索event_id参数，也可以使用嵌套视图。

angular
  .module('paisApp')
  .config ['$stateProvider', '$urlRouterProvider', ($stateProvider, $urlRouterProvider) ->

    $urlRouterProvider
      .otherwise("/")

    # Define 'app' states. The order of the state is important.

    $stateProvider
      .state "event_dashboard",
        parent: "default"
        url: "/events/:event_id/dashboard"
        views:
          "":
            controller: "EventsController"
            templateUrl: "/assets/events/dashboard.html.erb"

现在，在您的事件控制器中，您可以使用以下命令访问event_id

$stateParams['event_id']

将AngularJS添加到rails app上的现有ruby中

1 个答案: