Question

我通过交易前线，但我被要求跳到一个利用Play框架的Scala项目，所以包括Twirl。我试图创建一个模板，根据传入的字符串显示略有不同的输出。

这是我的代码：

@(status: String)(implicit messages: Messages)

@{
    if(status == "00") {
        val pageTitle = "Page title"
        val appStatus = "className"
        val title = "message"
        val subTitle = "message"
        val step1Status = "className"
        val step2Status = "className"
        val step3Status = "className"
        val image1 = "/customs/assets/images/image.png"
        val image2 = "/customs/assets/images/image.png"
        val image3 = "/customs/assets/images/image.png"
        val optionalHeading = ""
        val optionalParagraph = ""
        val listContents = "<li>@Messages('message')</li><li>@Messages('message')</li>"
        val optionalLink = "<br /><a class='button' href='@routes.DashboardController.display(custom)' role='button'>@Messages('message')</a>"
    }

    if(status == "01") {
        //Other variables
    }
    if(status == "04") {
        //Etc...
    }
}

@layout(${pageTitle}) {
        <div class="content__body">
            <div class="hero">
                <div class="${appStatus}">
                    <h1 class="bold-large">@Messages(${title})</h1>
                    <p>
                        ${afterSubTitle}
                    </p>
                    <ol class="appstatus-steps">
                        <li><span class="${step1Status}"><img alt="Complete" title="Complete" src=" + ${image1} + ">@Messages("messages.Received")</span></li>
                        <li><span class="${step2Status}"><img alt="Complete" title="Complete" src=" + ${image2} + ">@Messages("messages.Processing")</span></li>
                        <li><span class="${step3Status}"><img alt="Complete" title="Complete" src=" + ${image3} + ">@Messages("messages.Decision")</span></li>
                    </ol>
                </div>
            </div>

            ${optionalHeading}
            ${optionalParagraph}

            <h2>@Messages("messages.next")</h2>

            <ul class="list list-bullet">
                ${listContents}
            </ul>

            ${optionalLink}
        </div>
    }

因此，正如您所看到的，我们的想法是使用代码（状态）调用此页面并基于该字符串，定义了许多变量，这些变量会改变页面的形成方式;内容/ CSS类/图像等。

这不起作用（你可能会感到惊讶！）

我真的不清楚为什么它没有。我认为您使用$ {Variable}格式访问变量，但您可能应该使用@Variable格式。

即使我尝试将它们更改为@Variable方式，我仍然会遇到问题而且我很容易理解这与Scala / Twirl中的范围有关，而且＆＃34; sa＆＃34;定义＆＃34;可以使用的关键字。我已经阅读了一些文档，但我没有得到它。

有人可以对此有所了解吗？

修改

好的，我们只考虑以下代码：

@(status: String)(implicit messages: Messages)

@{
    if(status == "00") {
        val myClass = "custom-class-1"
    }
    if (status == "01") {
        val myClass = "custom-class-2"
    }
@layout("page title") {
    <div class="@myClass">This is a div</div>
}

所以我想做的就是＆＃39; :)能够根据状态定义各种变量，然后在页面模板中使用这些变量。

这有意义吗？我对Scala如此陌生，所以目前Tuples / Defining在我身上丢失了，但我正在学习！

Answer 1

您似乎更习惯于javascript变量和范围：）

在Scala和Twirl中，如果你只在if语句中定义一个变量（在这种情况下它是一个值因为它是不可变的），那么该值只能在if块中访问

一种解决方案可能是让if语句返回包含所有变量的元组，并使用赋值操作的强大功能，如：

val (myA, myB, myC) = if(something) {
 val a = "a"
 val b = "b"
 val c = "c"

 (a,b,c) // this will return the 3 variables/values because if statements are an expression, and expressions return something
} else {
 val a = "A"
 val b = "B"
 val c = "C"

 (a,b,c)
}

// now you have a,b,c defined in this scope and you can do whatever you need with them

如果要根据if语句返回不同的变量，则会出现更多复杂情况。解决方案是制作不需要的变量null或Option

如果您需要更好的解释，请告诉我们。）

编辑：缩小编辑示例的解决方案

我在这里没有任何东西来检查它是否编译，但它应该是这样的：

@(status: String)(implicit messages: Messages)

@{
    val myClass = if(status == "00") {
        "custom-class-1"
    } else if (status == "01") {
        "custom-class-2"
    } else {
      ""
    }

@layout("page title") {
    <div class="@myClass">This is a div</div>
}

替代使用模式匹配：

将if / else语句替换为：

val myClass = status match {
          case "00" => "custom-class-1"
          case "01" => "custom-class-2"
          case _ => ""
        }

（case _就像＆＃34;在所有其他情况下＆＃34;）

Answer 2

@pedrorijio的答案几乎完全正确，但最终对我有用的实际代码是：

@myClass = @{status match {
  case "00" => "custom-class-1"
  case "01" => "custom-class-2"
}}

感谢您的帮助！

Scala / Twirl变量和范围/定义

2 个答案: