Wie mischt man Razor- und JavaScript-Code in Skript-Tags richtig?

Mischen Sie Razor- und JavaScript-Code in Skript-Tags

Beim Mischen von Razor- und JavaScript-Code kann das Mischen von rohen C#-Anweisungen und JavaScript innerhalb von Skript-Tags schwierig sein. Stellen Sie sich das folgende Szenario vor:

<code class="language-csharp">    var data = [];

    @(foreach (var r in Model.rows)
    {
        data.push([ r.UnixTime * 1000, r.Value ]);
    })</code>

Das Ziel besteht darin, eine C#-Sammlung zu durchlaufen und Werte in ein JavaScript-Array zu übertragen. Dieser Ansatz ist jedoch aufgrund von Syntaxkonflikten nicht durchführbar.

Lösung:

Eine Alternative ist die Verwendung der @text-Direktive, mit der Sie Rohtext ohne Escapezeichen oder HTML-Codierung ausgeben können:

<code class="language-csharp">    var data = [];

    @foreach (var r in Model.rows)
    {
        <text>
            data.push([ @r.UnixTime * 1000, @r.Value ]);
        </text>
    }</code>

Die

@text-Direktive ermöglicht die Einbindung von rohem C#-Code als Teil eines JavaScript-Skripts, wodurch die beiden Sprachen nahtlos innerhalb des Skript-Tags kombiniert werden.

Das obige ist der detaillierte Inhalt vonWie mischt man Razor- und JavaScript-Code in Skript-Tags richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!