Razor의 `` 요소를 사용하여 C# 코드를 JavaScript에 원활하게 통합하는 방법은 무엇입니까?

Razor와 JavaScript 코드 혼합

Razor와 JavaScript를 사용할 때는 두 가지를 효과적으로 통합하는 방법을 이해하는 것이 중요합니다. 두 가지 코드 유형을 혼합하기 위한 일반적인 접근 방식은 <script> Razor에 태그를 지정하세요. 그러나 JavaScript 스크립트 내에서 C# 코드를 선언하는 더 원활한 방법을 원할 수도 있습니다.

당면 문제는 <c#>를 사용하여 C# 코드를 선언하여 보다 깔끔한 통합을 달성하는 방법입니다. JavaScript 코드를 계속 사용합니다. 이는 <text> 요소:

<script type="text/javascript">
    var data = [];

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

<text> 요소를 사용하면 원시 텍스트를 삽입하여 그 안에 있는 C# 코드를 효과적으로 문자열로 처리하고 필요한 이스케이프 문자를 보존할 수 있습니다. <text> JavaScript 함수 내의 요소를 사용하면 C# 값을 기반으로 JavaScript 코드를 동적으로 생성할 수 있습니다. 이렇게 하면 장황한 연결이 필요하지 않으며 코드 가독성이 향상됩니다.

위 내용은 Razor의 `` 요소를 사용하여 C# 코드를 JavaScript에 원활하게 통합하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!