How to pass ViewModel data to JavaScript file?

Question

I got a Dictionary<string, List<string>> in my controller , and I have a js file in /wwwroot/view-resources, so How to pass the Dictionary to js file

I have try var result = '@Model.Dic' ,and I got a string-type variable @Model.Dic,

I also have try to use a hidden input with value="@{@Model.EditList}", and I got a result

System.Collections.Generic.Dictionary`2[System.String,System.Collections.Generic.List`1[System.String]]

I use abp with .netcore

aaron · Accepted Answer · 2019-03-04 01:02:26Z

1

Serialize the dictionary into a JSON string in C#.
Parse the JSON string in JavaScript.

// View.cshtml

using Newtonsoft.Json;

<script>
var jsonString = '@JsonConvert.SerializeObject(Model.Dic)';
var dictionary = JSON.parse(jsonString);

console.log(dictionary);
</script>

answered Mar 4, 2019 at 1:02

aaron

43.4k6 gold badges55 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

217LeeSin Over a year ago

I'm sorry to reply late，I have try the code, but I got a string "@JsonConvert.SerializeObject(Model.Dic)", it seems that My description is not accurate enough, my javascript code is not in view.cshtml, It is a external file

217LeeSin Over a year ago

by the way, I have got the data with an action in controller and an ajax function in js file, but if there is any way to pass ViewModel data to external javascript file, I really want to konw it

aaron Over a year ago

You can't do that and probably shouldn't. JS files are likely cached. What are you trying to achieve? You probably have an XY problem.

Collectives™ on Stack Overflow

How to pass ViewModel data to JavaScript file?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related