Rendern einer Play Framework 2 Anzeigen

Ich bin nur irgendwie verwirrt als ganzes, wenn es um die play framework. Ich habe die meisten alles, was herausgefunden, aber es scheint, wie jeden Tag etwas neues kommt.

Sowieso, die Sache des Tages ist: mein scala template-code zeigt im Klartext in meiner gerenderten Dokument. Vielleicht ist die falsche syntax, vielleicht auch die play-1.0-syntax, ich weiß nicht. Die Vorlage sieht wie folgt aus:

@(model : models.Menu)

@main("Bearings") {

<div id="bearings_container">

    <div id="menu">
    <ul id="firstLevel">
    #{list items:model.items,as:'menuItem'}
        <li id="${menuItem.name}" class="firstLevel">${menuItem.name}</li>
        <ul id="${menuItem.name}- submenu">
        #{list items: menuItem.subMenu, as:'subMenuItem'}
            <li id="${subMenuItem.name}" class="secondLevel">${subMenuItem.name}</li>
            <ul id="${subMenuItem.name}- submenu">
            #{list items: subMenuItem.subMenu, as:'subSubMenuItem'}
            <li id="${subSubMenuItem.name}" class="thirdlevel">${subSubMenuItem.name}</li>
            #{/li}
            </ul>
        #{/li}
        </ul>
    #{/li}
    </ul>
    </div>
</div>
}

Ich bin sicher, es ist etwas zu einfach. Irgendwelche Ideen?

Edit: hier der controller-Aktion:

public static Result bearings()
{
    Menu menu = BuildMenu();
    return ok(views.html.bearings.render(menu));
}

Und das Ergebnis ist das, was einem gerade HTML-Ergebnis der obige code würde wie folgt Aussehen.