繁体   English   中英

ASP.NET MVC HtmlHelper Razor语法

[英]ASP.NET MVC HtmlHelper Razor Syntax

我目前正在学习ASP.NET MVC,并提供以下代码片段:

@Html.TextBoxFor(m => m.FirstName, new { @placeholder = "First name"})

我理解lambda表达式将模型称为m ,但第二个参数是什么? 它似乎是一个匿名类型,但我的主要问题是为什么占位符前面有一个@字符?

第二个参数是htmlAttributes ,您可以使用它来向帮助程序生成的HTML添加其他属性(@ Html.TextBoxFor是一个HTML帮助程序)。

为您的示例生成的代码将沿着以下行:

@Html.TextBoxFor(m => m.FirstName, new { @placeholder = "First name"})
<input type="text" name="FirstName" placeholder="First name" />

如果需要,您可以添加更多属性,它们也将添加到生成的标记中:

@Html.TextBoxFor(m => m.FirstName, new { placeholder = "First name", @class="my_text_box_class" })
<input type="text" name="FirstName" placeholder="First name" class="my_text_box_class" />

也可以使用Value (大写V!)来覆盖文本框的Value

@Html.TextBoxFor(m => m.FirstName, new { placeholder = "First name", Value="John Johnson"})
<input type="text" name="FirstName" placeholder="First name" value="John Johnson" />

@符号的原因是当您想要一个名为C# 保留字的属性时。 class,private,namespace等。这是一种让C#编译器停止解释它的方法,因为它是C#的含义。 只有这些保留字才需要@符号。

@placeholder语法告诉剃刀引擎您要为将由助手呈现的元素上的html属性赋值。 因此,如果您还需要将类设置为文本框,则您的匿名类型将更改为:

new { @placeholder = "First name", @class = "BoldText" }

至于为何使用@@允许您使用保留关键字作为变量名。 如果你试图使用

class = "BoldText"

您将在视图中收到运行时错误,因为class是C#中的保留关键字。 前置@确保不会发生这种情况,并被视为“最佳做法”。 @只在class前需要,而不是placeholder

第二个参数需要您希望在输入中指定的htmlAttributes的匿名对象。

您使用@符号告诉剃刀引擎您正在指定htmlAttribute而不是保留关键字。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM