How to pass List<string> model property to view javascript array variable? [duplicate]

Question

I have a viewmodel with a property

public List<string> Answers { get; set; }

How do I pass the values of the list to an array variable?

Currently have this javascript code in my view, but it has error on the answers array inside the foreach loop.

The name answers does not exists in the current context.

<script type="text/javascript">
    var answers = [];
    @foreach(string answer in Model.Answers)
    {
        var ans = @answer;
        answers.push(ans);
    }
</script>

Because @foreach is razor code (parsed on the server before its sent to the browser) and var answers is a javascript variable - it does not even exist at that point. Use var answers = Html.Raw(Json.Encode(Model.Answers)) — user3559349
– user3559349, Commented Aug 24, 2017 at 7:27
this worked StephenMuecke just add the '@' before the html helper "@var answers = Html.Raw(Json.Encode(Model.Answers))" — Jc Balantakbo
– Jc Balantakbo, Commented Aug 24, 2017 at 7:37
Oops - that was a typo - I'll see if a can find a suitable dupe first. — user3559349
– user3559349, Commented Aug 24, 2017 at 7:40

bbsimonbb · Accepted Answer · 2017-08-24 07:33:31Z

0

Use Json.net for serializing Json. Use it religiously ! Then think about the cleanest way to get the json to the client. Usually this is a separate api call. We retrofitted web api to our server-rendered application so we don't even need to worry about invoking Json.net. We just return C# objects and web api converts them. (not new technology !) You really shouldn't be doing this in a razor template.

edited Aug 24, 2017 at 7:33

answered Aug 24, 2017 at 7:31

bbsimonbb

29.3k18 gold badges92 silver badges129 bronze badges

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

2 Comments

user3559349 Over a year ago

OP is not asking about how to get the json to the client

bbsimonbb Over a year ago

Can't help myself.

Collectives™ on Stack Overflow

How to pass List<string> model property to view javascript array variable? [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related