插入razor foreach内部的JavaScript对象吗？

Question

While I loop through a C# list in a partial view, I need to add to JavaScript object, I tried <text></text> and @: but they just render the plain JavaScript text, here's the full partial-view:

@using Resources;
<script>
    var resources = {};
@{
    Dictionary<string, string> resx = new Dictionary<string, string>();
    foreach (var item in typeof(AppResources).GetProperties().Where(p=>p.PropertyType==typeof(string)))
    {
        resx.Add(item.Name, item.GetValue(item).ToString());
        var key = item.Name;
        var value = item.GetValue(item).ToString();
        @:resources[@key] = @value;
    }
}
    console.log("resources_BEGIN");
    console.log(resources);
    console.log("resources_END");

</script>

this is being rendered in the HTML source:

<script>
    var resources = {};
    resources[lbAccountSettings] = Account settings;
    resources[lbActivate] = Activate;
    resources[lbArabicName] = Arabic Name;
    resources[lbAreas] = Areas;
    console.log("resources_BEGIN");
    console.log(resources);
    console.log("resources_END");
</script>

Answer 1

Try this: var jsvariable=@Html.Raw(Json.Encode(<your_charp_variable>))

Edited :

<script>
 var resources = {}
    @{ 
        Dictionary<string, string> resx = new Dictionary<string, string>();

        foreach (var item in typeof(AppResource).GetProperties().Where(p=>p.PropertyType==typeof(string)))
        {
            resx.Add(item.Key, item.Value);
        }
    }
    resources=@Html.Raw(Json.Encode(resx));
</script>