how to use razor code in typescript instead of javascript

Question

This is my .chstml code

@using MyProject.Constant.MyConstants

Inside .chstml , I use this constant value in javascript like

switch (value) {
    case @((int)MyConstants.ValueOne):

Now, I have to change this javascript to typescript file. I want to use those constant value in typescript.

How can I include the namespace MyProject.Constant.MyConstants inside typescript to use it?

You can use data- attribute in an element (e.g. data-valueOne) as replacement of direct usage with $('#elementId').data('valueOne') in TS side, but I want to know if you have separate .ts file to run the code. — Tetsuya Yamamoto
– Tetsuya Yamamoto, Commented Dec 27, 2018 at 5:36

Tetsuya Yamamoto · Accepted Answer · 2018-12-27 06:07:05Z

Take note that you can't use server-side objects (including C# namespaces) directly inside external .ts files (with Razor syntax), such like external JS files. However, you can create hidden element in CSHTML file which has data- attribute to hold the integer value:

<div id="valueone" data-valueone="@MyConstants.ValueOne" style="display:none">...</div>

And convert it as constant integer value inside external .ts file with parseInt (suppose jQuery is used):

var valueOne = parseInt($('#valueone').data('valueone'));

Then put that value inside switch block as a case condition:

switch (value) {
    case valueOne:
        // do something
        break;

    // other cases

    default:
        // do something else
        break;
}

References:

TypeScript Converting a String to a number

TypeScript within .cshtml Razor Files

Pass value from c# to cshtml to TypeScript

Collectives™ on Stack Overflow

how to use razor code in typescript instead of javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related