Передать значение из c # в cshtml в TypeScript

Question

У меня есть проект, в котором я передаю данные из C # в cshtml примерно так:

public IActionResult Index()
    {
        ViewData["temp"] = "abc"
        return View();
    }

Это значение затем получается в файле cshtml, где я могу прочитать это как

var temp = ViewData["temp"];

У меня есть машинописный файл, который затем загружается из этого файла cshtml. У меня вопрос, как я могу использовать эту временную переменную в моем машинописном коде. Я не хочу создавать элемент 'div' для этих временных данных, а затем читать его значение в машинописном тексте, поскольку это не будет чистым делом с точки зрения безопасности.

Не могли бы вы предложить какой-нибудь способ сделать это правильно?

Answer 1

В вашем представлении, возвращаемом действием Index, просто выберите существующий элемент (вы можете выбрать элемент body, если ваше представление содержит его), и в этом элементе добавьте атрибут data-* (вы можете назвать его data-temp) как показано ниже:

<SomeElementInMyView data-temp="@temp">...</SomeElementInMyView>

В вашем файле Typescript, я полагаю, вы используете jQuery, поэтому получите значение данных следующим образом:

let dataTemp = $("SomeElementInMyView").data("temp");

Answer 2

Вы можете передать его как строковую переменную в HTML, например.

let typeScriptVariable: string = "@temp";