Verwendung von Razor in JavaScript

Question

Ist es möglich oder gibt es einen Workaround, um die Razor-Syntax innerhalb von JavaScript zu verwenden, das sich in einer Ansicht befindet ( cshtml )?

Ich versuche, Marker zu einer Google-Karte hinzuzufügen... Zum Beispiel habe ich dies versucht, aber ich bekomme eine Menge Kompilierungsfehler:

<script type="text/javascript">

    // Some JavaScript code here to display map, etc.

    // Now add markers
    @foreach (var item in Model) {

        var markerlatLng = new google.maps.LatLng(@(Model.Latitude), @(Model.Longitude));
        var title = '@(Model.Title)';
        var description = '@(Model.Description)';
        var contentString = '<h3>' + title + '</h3>' + '<p>' + description + '</p>'

        var infowindow = new google.maps.InfoWindow({
            content: contentString
        });

        var marker = new google.maps.Marker({
            position: latLng,
            title: title,
            map: map,
            draggable: false
        });

        google.maps.event.addListener(marker, 'click', function () {
            infowindow.open(map, marker);
        });
    }
</script>

Answer 1

Keine der bisherigen Lösungen funktioniert richtig... Ich habe alle Möglichkeiten ausprobiert, aber es gab mir nicht das erwartete Ergebnis... Schließlich fand ich, dass es einige Fehler im Code gibt... Und der vollständige Code ist unten angegeben.

<script type="text/javascript">

    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: new google.maps.LatLng(23.00, 90.00),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    @foreach (var item in Model)
    {
        <text>
            var markerlatLng = new google.maps.LatLng(@(item.LATITUDE), @(item.LONGITUDE));
            var title = '@(item.EMP_ID)';
            var description = '@(item.TIME)';
            var contentString = '<h3>' + "Employee " +title+ " was here at "+description+ '</h3>' + '<p>'+" "+ '</p>'

            var infowindow = new google.maps.InfoWindow({
                // content: contentString
            });

            var marker = new google.maps.Marker({
                position: markerlatLng,
                title: title,
                map: map,
                draggable: false,
                content: contentString
            });

            google.maps.event.addListener(marker, 'click', (function (marker) {
                return function () {
                    infowindow.setContent(marker.content);
                    infowindow.open(map, marker);
                }
            })(marker));
        </text>
    }
</script>

Answer 2

Ich habe endlich die Lösung gefunden (*.vbhtml):

function razorsyntax() {
    /* Double */
    @(MvcHtmlString.Create("var szam =" & mydoublevariable & ";"))
    alert(szam);

    /* String */
    var str = '@stringvariable';
    alert(str);
}

Answer 3

Diejenigen, die, wie ich, nicht über Json.Encode verfügbar ist, kann dies versuchen.

<script type="text/javascript">
    var model = @Html.Raw(Json.Serialize(Model))
</script>