Los HTML Helpers son métodos que devuelven strings HTML. Estos se utilizan en la vista. En términos simples, estos son métodos de C# que se utilizan para devolver HTML. Con los ayudantes de HTML, puede representar un cuadro de texto, un área, una etiqueta de imagen, etc. En MVC, tenemos muchos ayudantes de HTML incorporados y también podemos crear ayudantes personalizados. Usando ayudantes de HTML, una vista puede mostrar las propiedades del modelo y puede generar HTML según los tipos de propiedades.
Tipos de ayudantes HTML:
- Ayudante de HTML en línea
- Asistente HTML incorporado
- Asistente HTML estándar
- Ayudante de HTML fuertemente tipado
- Ayudante HTML con plantilla
- Ayudante de HTML personalizado
Ayudantes de HTML en línea
Estos son el tipo de ayudantes que se utilizan en una sola vista y se utilizan en la misma página. Los ayudantes HTML en línea se pueden crear usando la etiqueta @helper.
You can create your own HTML Helper with the following syntax.
@helper HelperName(parameters)
{
// code
}
To use the above-created helper we use the following syntax
@HelperName(parameters)
Ejemplo:
@{
Layout = null;
}
<!--created a inline HTMl Helper
with a single string type parameter-->
@helper MyInlineHelper(string[] words)
{
<ol>
<!--Used a foreach loop inside HTML.
similarly we can use any conditional statement
or any logic like
we use in normal C# code.-->
@foreach (string word in words)
{
<li>@word</li>
}
</ol>
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Inline HTML Helper</title>
</head>
<body>
<div>
<!--called it inside this
div and to get the output-->
@MyInlineHelper(new string[] {
"Delhi", "Punjab", "Assam", "Bihar" })
</div>
</body>
</html>
Producción:
Inconveniente de los ayudantes de HTML en línea
- Estos ayudantes solo se pueden usar con una sola vista. No se puede utilizar con múltiples vistas.
Referencia: Configurar y ejecutar código en Visual Studio
Publicación traducida automáticamente
Artículo escrito por rishabhtyagi2306 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA