Wie integriere ich Razor- und JavaScript-Code nahtlos für dynamische Funktionalität?

Mischen von Razor- und JavaScript-Code

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.

Codebeispiel

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.

Lösung: Verwenden von

Um dies zu erreichen, können wir den Befehl verwenden. Element innerhalb von Razor-Codeblöcken:

<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 -Element ermöglicht es uns, wörtlichen JavaScript-Code in einen Razor-Block einzubinden. Auf diese Weise wird der JavaScript-Code als Text behandelt und nicht von Razor ausgeführt.

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!