Heim > Artikel > Web-Frontend > Wie integriere ich Razor- und JavaScript-Code nahtlos für dynamische Funktionalität?
Bei der Arbeit mit Razor-Ansichten ist es häufig erforderlich, JavaScript-Code für dynamische Funktionen zu integrieren. Eine häufige Herausforderung besteht jedoch darin, Razor- und JavaScript-Code effektiv zu mischen.
Betrachten Sie den folgenden Codeausschnitt:
<code class="csharp"><script type="text/javascript"> var data = []; @foreach (var r in Model.rows) { data.push([ @r.UnixTime * 1000, @r.Value ]); } </script></code>
In diesem Beispiel besteht das Ziel darin, Generieren Sie dynamisch JavaScript-Daten aus dem C#-Modell. Allerdings funktioniert dieser Code aufgrund der Art und Weise, wie Razor Codeblöcke interpretiert, möglicherweise nicht wie erwartet.
Um dies zu erreichen, können wir den Befehl
<code class="csharp"><script type="text/javascript"> var data = []; @foreach (var r in Model.rows) { <text> data.push([ @r.UnixTime * 1000, @r.Value ]); </text> } </script></code>
Das
Wenn dieser Code gerendert wird, generiert er das folgende JavaScript:
<code class="javascript">var data = []; data.push([ @r.UnixTime * 1000, @r.Value ]); data.push([ @r.UnixTime * 1000, @r.Value ]); ...</code>
Diese Lösung mischt effektiv Razor und JavaScript-Code, mit dem Sie dynamische JavaScript-Daten aus Ihrem C#-Modell generieren können.
Das obige ist der detaillierte Inhalt vonWie integriere ich Razor- und JavaScript-Code nahtlos für dynamische Funktionalität?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!