스크립트 태그에서 Razor와 JavaScript 코드를 적절하게 혼합하는 방법은 무엇입니까?

스크립트 태그에 Razor와 JavaScript 코드 혼합

Razor와 JavaScript 코드를 혼합할 때 스크립트 태그 내에서 원시 C# 문과 JavaScript를 혼합하는 것은 까다로울 수 있습니다. 다음 시나리오를 고려해보세요.

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

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

목표는 C# 컬렉션을 반복하고 값을 JavaScript 배열로 푸시하는 것입니다. 그러나 이 접근 방식은 구문 충돌로 인해 실행 가능하지 않습니다.

해결책:

대안은 이스케이프나 HTML 인코딩 없이 원시 텍스트를 출력할 수 있는 @text 지시어를 사용하는 것입니다.

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

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

@text 지시문을 사용하면 원시 C# 코드를 JavaScript 스크립트의 일부로 포함하여 스크립트 태그 내에서 두 언어를 원활하게 결합할 수 있습니다.

위 내용은 스크립트 태그에서 Razor와 JavaScript 코드를 적절하게 혼합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!