SpineJS 堆栈不会向控制器添加活动类

Question

Spine = require('spine')
Welcome = require('controllers/welcome')
Signup = require('controllers/signup')

class Main extends Spine.Stack
  controllers:
    welcome: Welcome
    signup: Signup

  default: 'signup'

  routes:
    '/welcome': 'welcome'
    '/signup': 'signup'

module.exports = Main

welcome 和 signup 控制器只是渲染一个视图，以便我了解堆栈的工作原理：

Spine = require('spine')

class Welcome extends Spine.Controller
  className: 'welcome'

  constructor: ->
    super
    @active @render

  render: ->
    console.log 'welcome render function'
    @html require('views/welcome')()

module.exports = Welcome

然后根据 stack docs，我将其添加到我的 css 中：

.stack > *:not(.active) {
  display: none
}

我故意让注册控制器执行@navigate('/welcome')，而不是渲染其视图以查看我将如何控制堆栈。 Welcome 的渲染函数中的 console.log 语句确实被调用了，但是 Welcome 的 <div> 没有添加 active 类，并且由于上面的 CSS，没有显示。

我已经重读了几次文档，用谷歌搜索了一遍，我不确定我错过了什么。为什么没有将活动类添加到欢迎 el 中？

Answer 1

我怀疑问题在于您调用render 作为active 事件的一部分，这是在添加类之后发生的。由于render 调用@html，它将替换添加了该类的HTML。

顺便说一句，对于 Spine，我发现阅读源代码会有很大帮助。这是一个很小的框架。栈的相关代码见https://github.com/spine/spine/blob/dev/src/manager.coffee。