3

我正在尝试了解 emeber.js 路由。我不太确定，为什么这不是路由器的有效定义

Platby.Router = Ember.Router.extend   
  location: 'hash'   
  enableLogging : true

  root: Ember.Route.extend
    index: Ember.Route.extend
      route: '/'
      initialState: 'batches'
      enter: (router) -> console.log 'root.index'

      batches: Ember.Route.extend
        initialState: 'index'
        route: '/batches'
        enter: (router) -> console.log 'root.index.batches'

        index: Ember.Route.extend
          route: '/'
          enter: (router) -> console.log 'root.index.batches.index'

进入根 url 后，我会在控制台中得到以下输出。

STATEMANAGER: Entering root
STATEMANAGER: Sending event 'navigateAway' to state root.
STATEMANAGER: Sending event 'unroutePath' to state root. 
STATEMANAGER: Sending event 'routePath' to state root. 
Uncaught Error: assertion failed: Could not find state for path

谁能给我解释一下，问题出在哪里？

4

2 回答 2

4

我只能根据您提供的信息来回答...关于错误uncaught Error: assertion failed: Could not find state for path，这是因为您没有与路径“/”匹配的叶子状态。

root.index匹配 '/' 但它不是叶子，它只有一个子状态batches，因此路由器将在'/' 的子状态中查找root.index匹配的 '/' 但它没有找到，它只找到batches（匹配'/batches'）和错误被抛出。必须有一个与路由路径匹配的叶子。

至于帮助您实际尝试做的事情，看起来您希望“/”重定向到“/batches”？如果是这样的话：

Platby.Router = Em.Router.extend
  root: Em.Route.extend
    index: Em.Route.extend
      route: '/'
      redirectsTo: 'batches'
    batches: Em.Route.extend
      route: '/batches'
      connectOutlets: ...

你可以redirectsTo像上面那样使用，这是一个快捷方式：

Platby.Router = Em.Router.extend
  root: Em.Route.extend
    index: Em.Route.extend
      route: '/'
      connectOutlets: (router) ->
        router.transitionTo('batches')
    batches: Em.Route.extend
      route: '/batches'
      connectOutlets: ...

但是，您不能使用redirectsTo并拥有自己的connectOutlets，因此如果您需要root.index在过渡到之前做任何事情，root.batches您将需要使用第二种方式并在过渡之前处理您的业务transitionTo

于 2012-11-30T18:59:40.050 回答
0

我试图了解您想要做什么，但从外观上看，您想要/batches/路由到root.index.batches.index和/batches路由到root.index.batches. 那是对的吗？

我的理解是，你的路线root.index.batches和root.index.batches.index路线实际上是同一条路线。如果您删除后者，您应该会很好。

于 2012-11-30T15:41:35.820 回答