Asp.net mvc怎麽在razor裏寫js代碼
阿新 • • 發佈:2018-05-13
元素 CI content ont agg ID text number clas
我試圖在Razor裏寫JS代碼,但是不行
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
< script type = "text/javascript" >
//some javascrpt 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 >
|
解決方法 1:
使用<text>這個偽元素來強制Razor從編譯模式返回到內容模式:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<script type= "text/javascript" >
//some javascrpt code here to display map etc
//now add markers
@foreach ( var item in Model) {
<text>
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);
});
</text>
}
</script>
|
Asp.net mvc怎麽在razor裏寫js代碼