剃刀javascript填充限制

Question

I have some problem with javascript limit. I am using Razor and filling javascript array with razor like this:`

var KriterAlanlariHtml = new Array();

@{
    int sayac = 0;
    string html = "";
    foreach (var group in Model.GrupDTO)
    {
         if (group != null && group.ListAreaDTO != null)
            {


                foreach (var area in group.ListAreaDTO)
                {
                    html = BuildHtmlTag(area);

                    <text>
                    KriterAlanlariHtml[@sayac] = "@MvcHtmlString.Create(html)";
                    </text>

                    sayac++;
                }

    }

}

}

`

After this codes View.cshtml filling Javascript array with html codes. But I couldnt this array in JavaScript. Because of javascript limitations. If I check the elements on Chrome, I am seeing like screenshot-1.

Screenshoot-1

Screenshoot-2

I coulndt use like this code: KriterAlanlariHtml[25] .Chrome giving this error: KriterAlanlariHtml is not defined

How can i solve this problem ? (HTML is not wrong.)

Answer 1

You need to add javascript code inside script tag, the updated code is below

    <script>
    var KriterAlanlariHtml = new Array();
</script>

@{
    int sayac = 0;
    string html = "";
    foreach (var group in Model.GrupDTO)
    {
         if (group != null && group.ListAreaDTO != null)
            {
                foreach (var area in group.ListAreaDTO)
                {
                    html = BuildHtmlTag(area);
                        <script>
                            KriterAlanlariHtml[@sayac] = "@MvcHtmlString.Create(html)";
                        </script>
                    sayac++;
                }
            }
    }

}