Home/ Questions/Q 8664099
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T17:09:37+00:00

When using MVC, I sometimes pass the server’s model data to the client-side JavaScript

  • 0

When using MVC, I sometimes pass the server’s model data to the client-side JavaScript by using Razor injected into the JavaScript, as follows:

<script type="text/javascript">
    var myClientGuid = '@Model.MyServerGuid';
</script>

This sets a JavaScript variable named myClientGuid to the value of the server-side model property MyServerGuid. When it reaches the client, the code looks something like this inside the browser:

<script type="text/javascript">
    var myClientGuid = 'EF0077AB-0482-4D91-90A7-75285F01CA6F';
</script>

This allows external JavaScript files to use this variable.

My question is, in TypeScript, since all code must be referenced via external files, what is the best way to pass server-side fields to TypeScript code? External code files cannot contain Razor code. Should I use the same technique as above, in the View, mixing JavaScript and Typescript within the project?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The TypeScript compiler just needs to know that your server-side fields exist. The easiest way to do that is to use ambient declarations (see section 10 of the spec). For example, if you had a .ts file that needed to use myClientGuid, you could do

    declare var myClientGuid: string;

    at the top of your main .ts file. The compiler will not generate code for this var declaration, so you won’t clobber anything. Now any files that reference that .ts file will know that there is a myClientGuid string available in global scope.

    • 0