在 Razor 页面中使用 IIF（内联条件表达式）

在 Razor 页面中使用 IIF（内联条件表达式），也称为三元运算符，是一种在视图中根据条件动态显示内容的高效方法。

在 ASP.NET Core MVC Razor 页面中，您可以使用内联条件表达式（IIF，也称为三元运算符）来根据条件动态地呈现不同的内容。 然而，正确的语法至关重要，否则会导致解析错误。

基本语法

内联条件表达式的基本语法如下：

@(condition ? value_if_true : value_if_false)

• condition: 一个布尔表达式，其结果为 true 或 false。
• value_if_true: 如果 condition 为 true，则返回此值。
• value_if_false: 如果 condition 为 false，则返回此值。

示例

假设您有一个名为 Model.isSupervisor 的布尔属性，您希望根据其值显示 “YES” 或 “NO”。 正确的 Razor 语法如下：

<li class="mb-75">
<span class="fw-bolder me-25">Is Supervisor:</span>
<span class="badge bg-light-success">@(Model.isSupervisor ? "YES" : "NO")</span>
</li>

代码解释

• @(…): 这是 Razor 语法，用于在 HTML 中嵌入 C# 代码。
• Model.isSupervisor ? “YES” : “NO”: 这是一个内联条件表达式。 如果 Model.isSupervisor 为 true，则返回 “YES”； 否则，返回 “NO”。
• …: 使用 标签将条件表达式的结果包裹起来，并应用 CSS 类 badge bg-light-success，以显示一个带有特定样式的徽章。

错误示例

以下代码是错误的，因为它将 @ 放在括号内：

<span class="badge bg-light-success">(@Model.isSupervisor ? 'YES' : 'NO')</span>

这将导致 Razor 引擎无法正确解析表达式。

注意事项

• 确保将整个条件表达式包裹在 @(…) 中。
• 使用双引号 ” 括起字符串值，尤其是在条件表达式中。 虽然单引号 ‘ 在 C# 中也可以用于字符，但使用双引号可以避免潜在的混淆。
• 条件表达式可以嵌套，但为了代码的可读性，应避免过度嵌套。
• 对于更复杂的逻辑，考虑使用 C# 代码块（@{ … }）来提高代码的可维护性。

总结

通过正确使用 Razor 语法，您可以轻松地在 ASP.NET Core MVC Razor 页面中使用内联条件表达式，从而实现动态内容的呈现。 记住将整个表达式包裹在 @(…) 中，并使用正确的语法，以避免解析错误。 掌握这一技巧将使您能够创建更灵活和动态的 Razor 视图。