如何正确渲染变量而不混淆 Razor 引擎?

发布于 2024-11-08 04:12:35 字数 769 浏览 0 评论 0原文

我正在尝试使用 Razor 视图引擎渲染 CSS(是的,我知道它是为 xml 样式语言设计的)。

我的模板如下所示:

#@Model.ID {
    top: @Model.Toppx;
    left: @Model.Leftpx;
}

当然这会失败,因为 ToppxLeftpx 不是模型的属性,TopLeft是。我不能添加空格(例如 @Model.Top px;),因为虽然从模板角度来看这是可行的,但其无效的 CSS 和 Firefox 会忽略它。

其他模板语言(Freemarker、Velocity)会支持它,例如:${Model.Top}px;,甚至常见的 ASP.NET 视图引擎也支持它,例如:<%=Model. Top%>px;

如何在 Razor 中获得此行为?我试过: @:@Model.Toppx 但这无法编译。

我也尝试过: @Model.Top@:px; 但这也不起作用。

注意:我将独立的 Razor(可在 http://razorengine.codeplex.com/ 找到)与 Mono 一起使用2.10

谢谢

I am trying to render CSS using the Razor view engine (yes, I know it was designed for xml-style languages).

My template looks like:

#@Model.ID {
    top: @Model.Toppx;
    left: @Model.Leftpx;
}

Of course this fails because Toppx and Leftpx arent properties of the model, Top and Left are. I cant put a space (eg @Model.Top px;) because while this works from a templating perspective, its invalid CSS and Firefox ignores it.

Other templating languages (Freemarker, Velocity) would support it like: ${Model.Top}px; and even the usual ASP.NET view engine supports it like: <%=Model.Top%>px;

How can I get this behaviour in Razor? I tried:
@:<text>@Model.Top</text>px but that wouldnt compile.

I also tried: @Model.Top@:px; but that didnt work either.

Note: I am using the standalone Razor (found at http://razorengine.codeplex.com/) with Mono 2.10

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

指尖上得阳光 2024-11-15 04:12:35

尝试用括号显式表达代码块:

#@(Model.ID) {
    top: @(Model.Top)px;
    left: @(Model.Left)px;
}

Try explicitly expressing the code block with brackets:

#@(Model.ID) {
    top: @(Model.Top)px;
    left: @(Model.Left)px;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文