Willkommen auf myCSharp.de! Anmelden | kostenlos registrieren
 | Suche | FAQ

Hauptmenü
myCSharp.de
» Startseite
» Forum
» Suche
» Regeln
» Wie poste ich richtig?

Mitglieder
» Liste / Suche
» Wer ist online?

Ressourcen
» FAQ
» Artikel
» C#-Snippets
» Jobbörse
» Microsoft Docs

Team
» Kontakt
» Cookies
» Spenden
» Datenschutz
» Impressum

  • »
  • Community
  • |
  • Diskussionsforum
Funktion/Methode in Blazor aufrufen um HTML-Code zu reduzieren
degri2006
myCSharp.de - Member



Dabei seit:
Beiträge: 16

Themenstarter:

Funktion/Methode in Blazor aufrufen um HTML-Code zu reduzieren

beantworten | zitieren | melden

Hallo,
ich habe in Blazor ein html-Konstrukt, dass immer wieder auftaucht und immer komplett ausgeschrieben ist. Ich habe es mal auf ein einfaches Konstrukt runtereduziert.

<h4>Headline</h4>
<div>text</div>
Dieser o.g. Code taucht öfters in dem HTML-Code auf. Möchte es auslagern auf eine Funktion/Methode. Als Parameter sollen der Text für die Headline und den Div-Container übergeben werden.
Habe es mir so vorgestellt, das aber nicht klappt:

<div class="Container">
...
@foo("Uberschrift","Text");
...
</div>


@code
{
	public static foo(string s1, string s2)
	{
		return("<h4>s1</h4>
			<div>s2</div>")
	}
}
Kann mir jemand einen Tip geben?
private Nachricht | Beiträge des Benutzers
JimStark
myCSharp.de - Member

Avatar #dOpLzh7hN1az1g0eGRc0.jpg


Dabei seit:
Beiträge: 225

beantworten | zitieren | melden

Ist die Methode eine ganz normale C# Methode? Dann musst du natürlich auch die Variablen einfügen.https://docs.microsoft.com/de-de/dotnet/csharp/language-reference/tokens/interpolated

Und falls das HTML rendern dein Problem ist, hilft dir vllt. MarkupString
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von JimStark am .
private Nachricht | Beiträge des Benutzers
FZelle
myCSharp.de - Experte



Dabei seit:
Beiträge: 10065

beantworten | zitieren | melden

Da muss man in Blazor nicht mit stringgefrickel anfangen.

Hierfür gibt es explizit die "Blazor components".https://docs.microsoft.com/de-de/aspnet/core/blazor/components/?view=aspnetcore-5.0
in "Untergeordneter Inhalt" siehst Du ein Beispiel dazu.

Wieder ein Fall von learning by doing, ohne die Grundlagen voll zu erlernen.https://www.youtube.com/watch?v=4G_BzLxa9Nw
Hier hat man nach 8 Stunden schon sehr viel der Grundlagen intus
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von FZelle am .
private Nachricht | Beiträge des Benutzers
degri2006
myCSharp.de - Member



Dabei seit:
Beiträge: 16

Themenstarter:

beantworten | zitieren | melden

Ok. Danke für das Feedback.
private Nachricht | Beiträge des Benutzers