Razor와 JavaScript를 효율적으로 결합하여 C# 데이터를 JavaScript 배열에 전달할 수 있습니까?

Razor와 JavaScript 코드의 조합

Razor와 JavaScript 코드를 혼합하는 것은 ASP.NET Core 애플리케이션에서 매우 유용한 기술입니다. 일반적인 시나리오는 C# 코드에서 동적 데이터를 생성하여 JavaScript 배열에 전달해야 하는 경우입니다.

한 가지 방법은 질문에서 언급한 대로 인라인 스니펫과 <c> 및 </c> 태그를 사용하는 것입니다.

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

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

그러나 <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# 코드를 HTML 또는 JavaScript 코드에 일반 텍스트로 포함할 수 있습니다. 이 접근 방식은 특히 긴 코드로 작업할 때 더 간결하고 읽기 쉽습니다.

<text> 태그를 사용할 때 C# 코드의 모든 줄 바꿈이나 공백은 생성된 JavaScript 코드에서 유지된다는 점에 유의하는 것이 중요합니다. 이러한 줄 바꿈이나 공백을 유지할 필요가 없으면 String.Join 문이나 기타 문자열 조작 기술을 사용하여 출력 형식을 지정할 수 있습니다.

위 내용은 Razor와 JavaScript를 효율적으로 결합하여 C# 데이터를 JavaScript 배열에 전달할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!