slim-lang的if-else嵌套代码

Question

我想根据超薄语言中的条件将css类分配给HTML的一部分

我正在做以下工作

- if current_user
  .title
- else
  .title_else

现在，我如何编写应该嵌套在上面的类中的HTML？是否需要在if条件和else条件中都编写超文本标记语言？

原因是应该嵌套在上面一个类中的HTML应该进一步向右。但如果我的意图更进一步，它包含在else条件下。现在我该怎么做呢？

Answer 1

这里有一行代码：

.thing class=(current_user ? 'large-menu' : 'medium-menu')
  h4 Same content, different class

Answer 2

由于您只是在两个属性之间切换，因此Tiago Franco's answer肯定足以满足您的需要。然而，还有另一种方法可以派上用场。

您可以使用capture将HTML呈现为一个局部变量，然后将该内容嵌入到您喜欢的任何控制结构中。因此，如果包装内容稍微复杂一些，您可以这样做：

- shared_content = capture do
  div This is displayed regardless of the wrapper
- if current_user
  | You're logged in!
  .title
    = shared_content
- else
  | You're not logged in!
  .title_else
    = shared_content

如果有可用的URL，我会经常使用它来包装链接中的内容：

- image = capture do
  img src=image_url
- if url.blank?
  = image
- else
  a href=url = image  

Answer 3

1)是的，您需要将HTML写入创建的两个div中，因为您希望它是不同的。如果您不希望它不同，那么就不需要if语句了！

2)我真的不理解你的观点，但这段代码对我来说工作得很好：

- if true
  .title
    h4 True is true!
- else
  .title_else
    h4 True is not true!

这段代码显示了一个包含.title类的div和一个包含文本True is true!的h4。

编辑：好了，现在我明白你的意思了！这样做是不可能的，因为它不会呈现h4！

- if true
  .title
- else
  .title_else

    h4 Same content, different class

我建议你写一个帮助器，它允许你渲染部分参数，然后从两个条件中只渲染部分参数。这意味着您只需编写该部分并调用它两次。

- if true
  .title
    = render 'footer'
- else
  .title_else
    = render 'footer'